Elemen HTML

Dokumen HTML ditentukan oleh elemen HTML.

Elemen HTML

Elemen HTML adalah semua kode dari tag pembuka (start tag) hingga tag penutup (end tag).

Tag pembuka Konten elemen Tag penutup
<p> Ini adalah paragraf </p>
<a href="default.htm" > Ini adalah tautan </a>
<br />

Keterangan:Tag pembuka sering disebut tag buka (opening tag), tag penutup sering disebut tag tutup (closing tag).

Sintaks HTML elemen

  • Elemen HTML menggunakanTag pembukaMulai
  • Elemen HTML menggunakanTag penutupPenghentian
  • Konten elemenadalah konten antara tag pembuka dan penutup.
  • Beberapa elemen HTML memilikiKonten kosong (empty content)
  • Elemen kosongDalam tag pembuka untuk ditutup(dengan penutup tag pembuka)
  • Sebagian besar elemen HTML dapat memilikiAtribut

Peringatan:Anda akan belajar lebih lanjut tentang atribut di bab berikutnya tutorial ini.

Elemen HTML disatukan

Sebagian besar elemen HTML dapat disatukan (dapat mengandung elemen HTML lain).

Dokumen HTML terdiri dari elemen HTML yang disatukan.

Contoh dokumen HTML

<html>
<body>
<p>Buat kalimat pertama saya.</p>
</body>
</html>

Contoh di atas mengandung tiga elemen HTML.

Pengertian contoh HTML

<p> elemen:

<p>Buat kalimat pertama saya.</p>

Elemen <p> menentukan paragraf dalam dokumen HTML.

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

Konten elemen adalah: Buat kalimat pertama saya.

<body> elemen:

<body>
<p>Buat kalimat pertama saya.</p>
</body>

<body> elemen menentukan isi utama dokumen HTML.

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

Konten elemen adalah elemen HTML lain (elemen p).

<html> elemen:

<html>
<body>
<p>Buat kalimat pertama saya.</p>
</body>
</html>

Elemen <html> menentukan seluruh dokumen HTML.

Elemen ini memiliki tag awal <html>, serta tag penutup </html>.

Konten elemen adalah elemen HTML lainnya (elemen body).

Jangan lupa tag penutup

Walaupun Anda lupa untuk menggunakan tag penutup, sebagian besar browser akan menampilkan HTML dengan benar:

<p>This is a paragraph
<p>This is a paragraph

Contoh di atas beroperasi di sebagian besar browser, tetapi jangan bergantung pada cara ini. Lupa untuk menggunakan tag penutup dapat menyebabkan hasil yang tak diharapkan atau kesalahan.

Keterangan:Versi HTML mendatang tidak mengijinkan penghapusan tag penutup.

Elemen HTML kosong

Elemen HTML tanpa kandungan disebut elemen kosong. Elemen kosong ditutup di tag awal.

<br> adalah elemen kosong tanpa tag penutup (tag <br> menentukan garis baris).

Di dalam XHTML, XML, dan versi HTML mendatang, semua elemen harus ditutup.

Menambahkan garis miring di tag awal, seperti <br />, adalah cara yang benar untuk menutup elemen kosong, HTML, XHTML, dan XML menerima cara ini.

Walaupun <br> berlaku di semua browser, tetapi penggunaan <br /> adalah jaminan yang jauh lebih lama.

Tips HTML: Gunakan tag kecil

Tag HTML tak berbeda besar kecil: <P> sama dengan <p>. Banyak situs yang menggunakan tag HTML besar.

CodeW3C.com menggunakan tag kecil, karena Persekutuan Web (W3C) di HTML 4DisarankanGunakan huruf kecil, dan di masa mendatang versi (X)HTMLPaksaanGunakan huruf kecil.