Dibaca: 832

Elemen HTML

Sebuah elemen HTML ditandai dengan tag mulai, isi dan tag penutup. Tetapi ada beberapa elemen HTML yang tidak memiliki isi seperti tag ganti baris <br> yang dinamakan juga elemen kosong yang tidak mempunyai tag penutup.

<nama_tag>Isi</nama_tag>

contoh

<h1>Sebuah Judul</h1>
<p>Sebuah Paragraf</p>
<br>

Elemen HTML bersarang

Elemen HTML dapat bersarang yang artinya sebuah elemen bisa berisi elemen lainnya. Bahkan Pada dasarnya halaman HTML merupakan kumpulan elemen HTML yang bersarang (perhatikan contoh berikut).

<!DOCTYPE html>
<html>
   <body>
      <h1>Sebuah Judul</h1>
      <p>Sebuah Paragraf.</p>
   </body>
</html>

Pada contoh di atas, elemen <html> merupakan elemen utama atau akar yang mendefinisikan keseluruhan dokumen HTML. Elemen utama ini dimulai dengan tag <html> dan diakhiri dengan tag penutup </html>. Kemudian di dalam tag <html> ini terdapat sebuah elemen <body>, yang mana dalam elemen <body> ini terdapat 2 buah elemen yaitu elemen judul <h1> dan elemen paragraf <p>.

Elemen HTML kosong

Elemen HTML yang tidak memiliki isi disebut juga elemen kosong.
Elemen <br> yang mendefinisikan sebuah baris baru adalah contoh sebuah elemen kosong tanpa tag penutup, seperti yang diperlihatkan oleh contoh berikut.

<p>Ini adalah contoh sebuah paragraf, <br> dengan sebuah elemen kosong ganti baris.</p>

Beriku adalah hasinya bila dilihat di browser

Ini adalah contoh sebuah paragraf, 
dengan sebuah elemen kosong ganti baris.