HTML – struktur dasar

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”>

 

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: