Elemen HTML
Elemen HTML didefinisikan oleh tag awal, beberapa konten, dan tag akhir.
Elemen HTML
Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:
Contoh beberapa elemen HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Catatan: Beberapa elemen HTML tidak memiliki konten (seperti elemen <br>). Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!
Elemen HTML Bersarang
Elemen HTML dapat bersarang (ini berarti elemen dapat berisi elemen lain).
Semua dokumen HTML terdiri dari elemen HTML bersarang.
Contoh berikut berisi empat elemen HTML ( <html>
, <body>
, <h1>
dan <p>
):
Contoh
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Contoh Dijelaskan
Elemen <html>
adalah elemen root dan mendefinisikan seluruh dokumen HTML.
Ini memiliki tag awal <html>
dan tag akhir </html>
.
Kemudian, di dalam <html>
elemen ada <body>
elemen:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Elemen <body>
mendefinisikan tubuh dokumen.
Ini memiliki tag awal <body>
dan tag akhir </body>
.
Kemudian, di dalam <body>
elemen ada dua elemen lainnya:
<h1>
dan
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Elemen <h1>
mendefinisikan heading.
Ini memiliki tag awal <h1>
dan tag akhir </h1>
:
<h1>My First Heading</h1>
Elemen <p>
mendefinisikan paragraf.
Ini memiliki tag awal <p>
dan tag akhir </p>
:
<p>My first paragraph.</p>
Jangan Lewati Tag Akhir
Beberapa elemen HTML akan ditampilkan dengan benar, bahkan jika Anda lupa tag akhir:
Contoh
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Namun, jangan pernah mengandalkan ini! Hasil dan kesalahan yang tidak terduga dapat terjadi jika Anda lupa tag akhir!
Elemen HTML Kosong
Elemen HTML tanpa konten disebut elemen kosong.
Tag <br>
mendefinisikan jeda baris, dan merupakan elemen kosong tanpa tag penutup:
Contoh
<p>This is a <br> paragraph with a line break.</p>
HTML Tidak Peka Huruf Besar-kecil
Tag HTML tidak peka huruf besar/kecil: <P>
artinya sama dengan <p>
.
Standar HTML tidak memerlukan tag huruf kecil, tetapi W3C merekomendasikan huruf kecil dalam HTML, dan menuntut huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.
Di W3Schools kami selalu menggunakan nama tag huruf kecil.
Referensi Tag HTML
Referensi tag W3Schools berisi informasi tambahan tentang tag ini dan atributnya.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Untuk daftar lengkap semua tag HTML yang tersedia, kunjungi Referensi Tag HTML kami .