Elemen-Elemen HTML

Sebuah elemen HTML didefinisikan oleh tag pembuka, beberapa konten, dan tag penutup.

Elemen HTML

Elemen HTML mencakup segala sesuatu mulai dari tag pembuka hingga tag penutup:


<tagname>Konten di sini...</tagname>

Contoh Beberapa Elemen HTML:


<h1>Judul 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 penutup.

Elemen HTML yang Bersarang

Elemen HTML dapat disarang (ini berarti elemen dapat berisi elemen lain).

Semua dokumen HTML terdiri dari elemen-elemen HTML yang bersarang.

Contoh berikut mengandung empat elemen HTML (<html>, <body>, <h1>, dan <p>):

Contoh


<!DOCTYPE html>
<html>
<body>
 
<h1>Judul Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
 
</body>
</html>

Penjelasan Contoh

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

Elemen ini memiliki tag pembuka <html> dan tag penutup </html>.

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


<body>
 
<h1>Judul Pertama Saya</h1>
<p>Paragraf pertama saya.</p>
 
</body>

Elemen <body> mendefinisikan badan dokumen.

Elemen ini memiliki tag pembuka <body> dan tag penutup </body>.

Kemudian, di dalam elemen <body>, terdapat dua elemen lain: <h1> dan <p>:


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

Jangan Lewatkan Tag Penutup

Beberapa elemen HTML akan ditampilkan dengan benar, meskipun Anda lupa menambahkan tag penutup:

Contoh


<html>
<body>
 
<p>Ini adalah sebuah paragraf
<p>Ini adalah sebuah paragraf
 
</body>
</html>

Namun, jangan pernah mengandalkan ini! Hasil yang tidak diinginkan dan kesalahan mungkin terjadi jika Anda lupa menambahkan tag penutup!

Elemen HTML Kosong

Elemen HTML yang tidak memiliki konten disebut elemen kosong.

Tag <br> mendefinisikan sebuah pemisah baris, dan merupakan elemen kosong tanpa tag penutup:

Contoh


<p>Ini adalah paragraf dengan <br> pemisah baris.</p>