Elemen HTML

Dokumen HTML ditentukan oleh elemen HTML.

Elemen HTML

Elemen HTML merujuk kepada semua kode dari tag awal (start tag) sampai tag akhir (end tag).

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

Keterangan:Tag awal sering disebut tag buka (opening tag), tag akhir sering disebut tag tutup (closing tag).

Sintaks HTML elemen

  • Elemen HTML denganTag awalMulai
  • Elemen HTML denganTag akhirPenghentian
  • Konten elemenadalah konten antara tag awal dan tag akhir
  • Beberapa elemen HTML memilikiKonten kosong (empty content)
  • Elemen kosongDalam penutup tag awal(dengan penutup tag awal)
  • Sebagian besar elemen HTML dapat memilikiAtribut

Petunjuk:Anda akan belajar lebih banyak tentang atribut di bab berikutnya tutorial ini.

Elemen HTML disusun

Sebagian besar elemen HTML dapat disusun (dapat mengandung elemen HTML lainnya).

Dokumen HTML terdiri dari elemen HTML yang disusun.

Contoh dokumen HTML

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Contoh di atas mengandung tiga elemen HTML.

Penjelasan contoh HTML

<p> elemen：

<p>This is my first paragraph.</p>

Elemen <p> menentukan paragraf dalam dokumen HTML.

Elemen ini memiliki tag awal <p> dan tag akhir </p>.

Konten elemen adalah: This is my first paragraph.

<body> elemen：

<body>
<p>This is my first paragraph.</p>
</body>

<body> elemen menentukan bagian utama dokumen HTML.

Elemen ini memiliki tag awal <body> dan tag akhir </body>.

Element konten adalah elemen HTML lainnya (elemen p).

<html> 元素：

<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>

Elemen <html> mendefinisikan seluruh dokumen HTML.

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

Konten elemen adalah elemen HTML lainnya (elemen body).

Jangan lupa tag penutup

Meskipun Anda lupa menggunakan tag penutup, sebagian besar peramban akan menampilkan HTML dengan benar:

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

Contoh di atas biasanya bekerja di sebagian besar peramban, tetapi jangan bergantung pada cara ini. Lupa menggunakan tag penutup dapat menyebabkan hasil yang tak terduga atau kesalahan.

Keterangan:Versi HTML mendatang tidak mengijinkan penghapusan tag penutup.

Elemen HTML kosong

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

<br> adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan ganti baris).

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

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

Meskipun <br> berlaku di semua peramban, tetapi penggunaan <br /> adalah jaminan yang jauh lebih kuat.

Tip HTML: Gunakan tag kecil

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

CodeW3C.com menggunakan tag kecil, karena Lembaga Perkomunikasi Global (W3C) di HTML 4RekomendasiGunakan huruf kecil, dan di masa mendatang dalam versi (X)HTMLPaksaanGunakan huruf kecil.