Struktur Dasar HTML

Struktur dasar HTML adalah susunan yang ada di dalam suatu halaman HTML yang wajib ada didalamnya. jika struktur ini tidak ada, maka halaman HTML tidak akan dapat bekerja dengan baik. Dua tag utama pada HTML adalah tag head dan body. Tag <head> pada HTML berisi data meta. Data meta dalah informasi mengenai suatu file, ia tidak akan terlihat di viewport. Sementara tag body berisi berbagai macam tag HTML lain yang akan terlihat pada viewport. Tag title adalah judul yang akan terlihat pada tab-bar browser. <head> ….. </head> diletakkan sebelum <body> namun tetap diantara <html> </html>.

Struktur Dasar HTML adalah sebagai berikut :

<!DOCTYPEhtml>

<html>
<head>
<title>Judul halaman HTML</title>
</head>
<body>
Tampilan Web
</body>
</html>

penjelasan

<!DOCTYPEhtml> mendefinisikan jenis dokumen atau versi HTML yang digunakan.
Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML.
Teks antara <head> dan </ head> memberikan informasi tentang dokumen.
Teks antara <title> dan </ title> memberikan judul untuk dokumen.
Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat.

deklarasi <!DOCTYPE> membantu browser untuk menampilkan halaman web dengan benar. Ada beberapa jenis dokumen yang berbeda yang bisa dibaca pada web browser oleh karena itu ntuk menampilkan dokumen dengan benar, browser harus mengetahui jenis dan versi script yang digunakan.

contoh deklarasi

HTML 5 : <!DOCTYPE html>
HTML 4.01 : <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0 : <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

HTML – struktur dasar