Elemen HTML didefinisikan oleh Tag Awal. Jika elemen berisi konten lain, itu di akhiri dengan Tag Penutup, di mana nama elemen didahului oleh garis miring seperti yang ditunjukkan di bawah ini dengan beberapa Tag.
Tag PembukaKontenTag Penutup
<p> Ini adalah paragraf </p>
<h1> Ini adalah konten Heading 1 </h1>
<div> Ini adalah konten didalam div </div>
<br />
Jadi di sini <p>…</p> adalah elemen HTML, <h1>…</h1> adalah elemen HTML lainnya. Ada beberapa elemen HTML yang tidak perlu di tutup, seperti elemen <img …/>, <hr />, <br />. Ini dikenal sebagai elemen kosong.
Dokumen HTML terdiri dari pohon elemen-elemen ini dan menentukan bagaimana dokumen HTML harus di bangun, dan jenis konten apa saja yang harus ditempatkan di bagian mana dari dokumen HTML.
Tag HTML vs Elemen HTML
Elemen HTML di definisikan oleh Tag Awal. Jika elemen HTML berisi konten lain, itu di akhiri dengan Tag Penutup.
Misalnya, <p> adalah Tag awal dari sebuah paragraf dan </p> adalah Tag penutup dari paragraf yang sama tetapi <p> ini adalah paragraf</p> adalah elemen paragraf.
Elemen HTML bersarang
Sangat diperbolehkan untuk menyimpan satu elemen HTML di dalam elemen HTML lainnya.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>Nested Elements Example</title>
</head>
<body>
<h1>This is <i>italic</i> heading</h1>
<p>This is <u>underlined</u> paragraph</p>
</body>
</html>
Hasilnya seperti di bawah ini:
Bisa terlihat di atas bahwa ada elemen Heading 1 <h1>…</h1> dan didalamnya terdapat elemen <i>…</i> untuk membuat teks miring. Dan juga ada paragraf <p>…</p> yang didalamnya terdapat elemen <u>…</u> untuk membuat garis bawah.
0 Comments