Belajar HTML Part 4: Mengenal Element HTML

Belajar HTML: Mengenal Element HTML
Pengertian Element HTML adalah isi yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri. Sederhananya, element merupakan seluruhnya mulai dari tag pembuka dan tag penutup.Contoh kodenya seperti berikut:
<p>Ini adalah paragraf</p>
Tag Pembuka | Konten Element | Tag Penutup |
<h1> | Ini Adalah Heading | <h1> |
<p> | Ini Adalah Paragraf | <p> |
<br> |
Elemen HTML tanpa konten disebut element kosong. Element kosong tidak memiliki tag akhir, seperti elemen <br> yang berfungsi untuk memberikan baris baru.
Pengertian Element HTML Bersarang
Pengertian elemen HTML bersarang adalah sebuah element yang di dalamnya bisa di isi oleh element lain. Atau sederhananya, element di dalam element.
Berikut adalah contoh kodenya:
<!DOCTYPE html>
<html>
<body>
<h1>Ini Adalah Heading</h1>
<p>Ini Adalah paragraf</p>
</body>
</html>
Penjelasan 1: Element <html>
Element <html> mendefinisikan seluruh dokumen HTML, Pada kode diatas terdapat tag pembuka <html> dan tag penutup </html>.
Jika diperhatikan, di dalam element <html> terdapat elemen <body>.
Penjelasan 2: Element <body>
Element <body> mendefinisikan badan atau konten dari sebuah dokumen yang terdiri dari tag pembuka <body> dan tag penutup </body>.
Di dalam element <body> terdapat dua element HTML lainnya, yaitu <h1> dan <p>.
<body>
<h1>Ini Adalah Heading</h1>
<p>Ini Adalah Paragraf</p>
</body>
Penjelasan 3: Element <h1>
Terdapat Element <h1> yang bertujuan untuk membuat judul pada sebuah halaman.
Terdapat tag pembuka <h1> dan tag penutup </h1>, dimana konten elementnya adalah: "Ini Adalah Heading".
Terdapat tag pembuka <h1> dan tag penutup </h1>, dimana konten elementnya adalah: "Ini Adalah Heading".
Ini Adalah Heading</h1>
Penjelasan 4: Element <p>
Terdapat element <p> yang bertujuan untuk membuat paragraf.
Terdapat tag pembuka <p> dan tag penutup </p>, dimana konten elementnya adalah: "Ini Adalah Paragraf".
Terdapat tag pembuka <p> dan tag penutup </p>, dimana konten elementnya adalah: "Ini Adalah Paragraf".
Ini Adalah paragraf
</p>
Setiap element, terdapat tag pembuka dan tag penutup, tapi ada beberapa element yang tidak menggunakan tag penutup tetapi masih bisa terbaca dan ditampilkan pada web browser. Seperti tag <br> dan <p>.
Contoh Kode:

Hasilnya:

Posting Komentar untuk "Belajar HTML Part 4: Mengenal Element HTML"
Komentar anda sangat berpengaruh untuk kemajuan blog sederhana ini, silahkan berikan saran, kiritik atau apapun itu untuk perkembangan blog kedepannya. Bijaklah dalam berkomentar untuk melihat seberapa bijak anda.