HTML Dasar yang Mudah Untuk Pemula | tkjpedia.com – HTML atau yang sering disebut HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

 

Contoh Dasar HTML

Jangan khawatir jika contoh ini menggunakan tag yang belum Anda pelajari.

Anda akan belajar tentang mereka di bab-bab selanjutnya.

Dokumen HTML

Semua dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <! DOCTYPE html>.

Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.

Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </ body>.

Contoh

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Lihat Hasilnya Disini

Judul HTML

Judul HTML didefinisikan dengan tag <h1>to <h6>.

<h1>mendefinisikan heading yang paling penting. <h6>mendefinisikan heading yang paling tidak penting:

Contoh

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

Lihat Hasilnya Disini

Paragraf HTML

Paragraf HTML didefinisikan dengan tag <p>:

Contoh

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Lihat Hasilnya Disini

Tautan / Link HTML

Tautan HTML ditentukan dengan tag <a>:

<a href="https://tkjpedia.com">Ini Link menuju ke blog TKJPedia</a>

Lihat Hasilnya Disini

Gambar HTML

Gambar-gambar HTML didefinisikan dengan <img>tag.

File sumber ( src), teks alternatif ( alt) width,,, dan heightdisediakan sebagai atribut:

Contoh

<img src="logo-tkjpedia.png" alt="TKJPedia.com" width="100%" height="100%">

Lihat Hasilnya Disini

Tombol HTML

Tombol HTML didefinisikan dengan <button>tag:

<button>Klik Saya</button>

Lihat Hasilnya Disini

Daftar HTML

Daftar HTML didefinisikan dengan daftar <ul>(unordered / bullet list) atau <ol>(diperintahkan / daftar bernomor), diikuti oleh <li> tag (item daftar):

<ul>
 <li>Aku</li>
 <li>Kamu</li>
 <li>Dia</li>
</ul>

Lihat Hasilnya Disini

Itulah sedikit pengenalan HTML yang saya tulis disini, Mungkin jika anda ingin bertanya silahkan berkomentar. Jika ada yang ingin meyunting atau menambahkan bisa berkomentar atau hubungi kami di halaman “Kontak Kami”. Jika anda merasa terbantu silahkan bagikan postingan ini kemana saja :v Terimakasih…