Struktur Dokumen HTML

Dokumen yang dibangun dengan format HTML terdiri dari beberapa elemen yang saling berkaitan satu sama lain. Tiap-tiap elemen diapit oleh tanda lebih kecil (< ) dan tanda lebih besar (>), contoh <HTML>, yang disebut dengan tag. Hampir semua tag dalam dokumen HTML harus diakhiri dengan tag penutup, di mana menandakan selesainya perintah tersebut. Tag penutup dituliskan dengan menambahkan karakter slash (/), contoh </HTML>.

Secara umum format tag HTML tersebut dapat dituliskan sebagai berikut:

<TAG>Teks yang akan dipengaruhi oleh tag</TAG>

Sebagai contoh kalau kita akan membuat tulisan dalam format tebal maka yang harus kita tuliskan dalam file HTML adalah:

<b>Tulisan yang tercetak tebal</b>

Tidak semua tag HTML memiliki tag penutup. Beberapa tag hanya memiliki tag pembuka. Tag-tag tersebut dinamakan tag tunggal, yang digunakan untuk mendefinisikan elemen-elemen yang tidak memiliki awal dan akhir. Sebagai contoh tag line-break (ganti baris), yang dituliskan dengan <br />.
Secara umum sebuah dokumen html terbagi atas dua bagian utama, yang pertama adalah ”head” atau kepala sebuah dokuman yang kedua ”body” atau isi sebuah dokumen html yang akan ditampilkan.

Dokumen HTML paling sederhana terdiri atas :

<html>
<head>
 <title>judul halaman web</title>
</head>
<body>
 isi halaman web
 <!--ini adalah komentar-->
</body>

Tag diawali dengan <!– dan diakhiri dengan –> adalah sebuah komentar, layaknya komentar pada bahasa pemrograman, komentar pada dokumen HTML berfungsi untuk memperjelas kode bagi yang membaca, juga komentar adalah suatu text yang tidak akan diproses oleh interpreter pada browser.

Sesuai standard rekomendasi W3C, struktur dokumen HTML adalah sebagai berikut :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <title>judul halaman web</title>
 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 <meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
    isi halaman web
</body>

Di mana

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Adalah sebuah DTD atau Document Type Definitions yang mendefinisikan versi XHTML maupun HTML yang kita gunakan. DTD tersebut mutlak harus ada pada sebuah file atau dokumen XHTML, namun versi yang kita gunakan bisa diubah sesuai kebutuhan.

About these ads
Ditulis dalam HTML, web, XHTML. Tag: , , . Leave a Comment »

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d blogger menyukai ini: