HTML Elements
Dokumen HTML didefinisikan oleh elemen HTML.
HTML Elements
Sebuah elemen HTML adalah segalanya dari tag awal sampai akhir tag:
| Start tag * | Element content | End tag * |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm"> | This is a link | </a> |
| <br> |
* Tag awal sering disebut tag pembuka . Tag akhir sering disebut tag penutup .
Elemen HTML Sintaks
- Sebuah elemen HTML dimulai dengan tag awal tag / membuka
- Sebuah elemen HTML diakhiri dengan tag akhir tag / menutup
- The Isi elemen adalah segalanya antara awal dan tag akhir
- Beberapa elemen HTML memiliki konten kosong
- Elemen kosong ditutup pada tag awal
- Sebagian besar elemen HTML dapat memiliki atribut
Tip: Anda akan belajar tentang atribut dalam bab berikutnya dari tutorial ini.
Nested HTML Elements
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.
HTML Contoh Dijelaskan
The <p> elemen:
<p>This is my first paragraph.</p>
. Elemen <p> mendefinisikan sebuah paragraf dalam dokumen HTML
. elemen ini memiliki tag <p> awal dan tag akhir </ p>
Isi elemen adalah: Ini adalah paragraf pertama saya.
. elemen ini memiliki tag <p> awal dan tag akhir </ p>
Isi elemen adalah: Ini adalah paragraf pertama saya.
The <body> elemen:
<body>
<p>This is my first paragraph.</p>
</body>
<p>This is my first paragraph.</p>
</body>
Unsur <body> mendefinisikan tubuh dokumen HTML.
elemen ini memiliki tag <body> awal dan tag akhir </ body>.
Isi elemen adalah elemen HTML lain (elemen ap).
elemen ini memiliki tag <body> awal dan tag akhir </ body>.
Isi elemen adalah elemen HTML lain (elemen ap).
<html> Elemen:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
Unsur <html> mendefinisikan seluruh dokumen HTML.
elemen ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML lain (elemen body).
elemen ini memiliki tag awal <html> dan tag akhir </ html>.
Isi elemen adalah elemen HTML lain (elemen body).
Jangan Lupakan Tag Akhir
Beberapa elemen HTML mungkin menampilkan dengan benar bahkan jika Anda lupa tag akhir:
<p>This is a paragraph
<p>This is a paragraph
<p>This is a paragraph
Contoh di atas bekerja di hampir semua browser, karena tag penutup dianggap opsional.
Jangan bergantung pada ini. Banyak elemen HTML akan menghasilkan hasil yang tidak diharapkan dan / atau kesalahan jika Anda lupa tag akhir.
Empty HTML Elements
Elemen HTML tanpa konten disebut elemen kosong.
<br> merupakan elemen kosong tanpa tag penutup (<br> tag mendefinisikan satu baris).
Tip: Dalam XHTML, semua elemen harus ditutup. Menambahkan
slash di dalam tag awal, seperti <br />, adalah cara yang tepat
untuk menutup elemen kosong di XHTML (dan XML).
HTML Tip: Gunakan huruf kecil Tags
Tag HTML tidak case sensitif: <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML huruf besar.
W3Schools menggunakan tag huruf kecil karena World Wide Web Consortium (W3C) merekomendasikan huruf kecil dalam HTML 4, dan menuntut tag huruf kecil dalam XHTML.
