Dokumen HTML didefinisikan oleh elemen HTML.
Sebuah elemen HTML adalah segalanya dari tag awal sampai akhir tag:
| Tag awal | Elemen content | Tag akhir |
|---|---|---|
| <p> | Ini adalah sebuah paragraf | </ P> |
| <a href="default.htm"> | Ini adalah link | </ A> |
| <br> |
Elemen HTML Sintaks
- Sebuah elemen HTML dimulai dengan tag tag / pembuka awal
- Sebuah elemen HTML diakhiri dengan tag tag / penutup akhir
- Para Isi elemen adalah segalanya antara awal dan tag akhir
- Beberapa elemen HTML memiliki konten kosong
- Elemen kosong ditutup pada tag mulai
- Kebanyakan elemen HTML dapat memiliki atribut
Nested HTML Elemen
Sebagian besar elemen HTML dapat bersarang (dapat berisi elemen HTML lainnya).Dokumen HTML terdiri dari elemen HTML bersarang.
HTML Dokumen Contoh
<!DOCTYPE html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Contoh di atas mengandung 3 elemen HTML.
Contoh HTML Dijelaskan
Unsur <p>:
<p>This is my first paragraph.</p>
elemen memiliki <p> awal tag dan tag akhir </ p>.
Isi elemen adalah: Ini adalah paragraf pertama saya.
Unsur <body>:
<body>
<p>This is my first paragraph.</p>
</body>
<p>This is my first paragraph.</p>
</body>
elemen memiliki <body> awal tag dan tag akhir </ body>.
Isi elemen adalah elemen HTML (ap elemen).
Unsur <html>:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
elemen ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML (elemen body).
Jangan Lupakan Tag Akhir
Beberapa elemen HTML mungkin muncul dengan benar bahkan jika Anda lupa tag akhir:
<p>This is a paragraph
<p>This is a paragraph
<p>This is a paragraph
Jangan bergantung pada ini. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.
Kosong HTML Elemen
Elemen HTML tanpa konten disebut elemen kosong.<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan garis miring dalam tag awal, seperti /> <br, adalah cara yang tepat untuk menutup elemen kosong di XHTML (dan XML).