Belajar HTML Part 6: Cara Membuat Struktur Dasar HTML
Halo Kawan-kawan,
Sampai saat ini Kita telah belajar dasar dari seluruh halaman web yang ada di Internet yaitu Tag, Elemen, dan Atribut. Kali ini kita akan belajar Membuat Struktur Dasar HTML.
Struktur Dasar HTML
Pada artikel sebelumnya, kita mengenal tentang tag utama. Tag utama ini juga dikenal sebagai struktur dasar dari HTML.
Uraian lengkapnya dapat dilihat pada tabel berikut:
Tag |
Deskripsi |
| DTD | DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML.
Tampa kode DTD, HTML tersebut akan dijalankan pada mode khusus yang disebut quirk mode. Pada HTML5, Kode DTD ditulis sebagai berikut <!DOCTYPE html> |
| html | Ini adalah tag pembuka dari keseluruhan halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html> |
| head | Berisi informasi umum dari sebuah halaman web seperti: kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Didalamnya juga termasuk tag titel. Tag html dimulai dengan <head> dan diakhiri dengan </head> |
| title | Isi dari tag Title ini biasanya ditampilkan pada bagian paling atas web browser. Sebagai Contoh: blog ini bernama Nusantara Coding, maka kode html pada tag title seharusnya seperti ini "<title>Nusantara Coding</title>" |
| body | Tag body akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body dimulai dengan <body> dan diakhiri dengan </body> |
Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini:
Contoh struktur dasar HTML:
<!DOCTYPE html>
<html>
<head>
<title>Judul dari Website</title>
<!--Disini akan tempat memasukan kode seperti CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.-->
</head>
<body>
<p>Isi dari Website</p>
</body>
</html>
Save sebagai tag html.html dan jalankan file dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox. Maka hasilnya akan menjadi seperti ini:
Stuktur HTML yang kita bahas disini adalah struktur yang sangat sederhana. Sebuah halaman web bisa memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML. Tag pertama yang akan kita bahas dalam tutorial berikutnya adalah tag <p> dan tag <br /> yang digunakan untuk membuat paragraf di dalam HTML.
Belajar HTML Secara Lengkap Disini:
1. Tutorial HTML Bagian 1
2. Tutorial HTML Bagian 2