Elemen HTML


Elemen HTML ditentukan oleh tag awal, beberapa konten, dan tag akhir.


Elemen HTML

Elemen HTML adalah segalanya mulai dari tag awal hingga tag akhir:

<namatag>Konten disini...</namatag>

Contoh beberapa elemen HTML:

<h1>Heading Pertama Saya</h1>
<p>Paragraf pertama saya.</p>

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 disarangkan (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>Heading Pertama Saya</h1>
<p>My first paragraph.</p>

</body>
</html>

Penjelasan contoh:

Elemen <html> adalah elemen root (akar) dan mendefinisikan seluruh dokumen HTML.

Memiliki tag awal <html> dan tag akhir </html>.

Kemudian, di dalam elemen <html> ada elemen <body>: 

<body>

<h1>Heading Pertama Saya</h1>
<p>Paragraf pertama saya.</p>

</body>

Elemen <body> mendefinisikan tubuh dokumen.

Memiliki tag awal <body> dan tag akhir </body>.

Kemudian, di dalam elemen <body> ada dua elemen lainnya: <h1> dan <p>: 

<h1>Heading Pertama Saya</h1>
<p>Paragraf pertama saya.</p>

Elemen <h1> mendefinisikan sebuah heading.

Memiliki tag awal <h1> dan tag akhir </h1>: 

<h1>Heading Pertama Saya</h1>

Elemen <p> mendefinisikan sebuah paragraf.

Memiliki tag awal <p> dan tag akhir </p>: 

<p>Paragraf pertama saya.</p>

Jangan Pernah Melupakan Tag Akhir

Beberapa elemen HTML akan ditampilkan dengan benar, meskipun Anda lupa tag akhir.


Contoh

<html>
<body>

<p>Ini adalah paragraf
<p>Ini adalah paragraf

</body>
</html>

Namun, jangan pernah mengandalkan ini. Hasil dan kesalahan yang tidak diharapkan 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>Ini adalah paragraf <br> dengan baris baru.</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 sangat direkomendasikan menggunakan huruf kecil dalam HTML, dan wajib menggunakan huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.


Sumber referensi: w3schools

Komentar

Posting Komentar