Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML
Belajar HTML Untuk Pemula: 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:
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".
<h1>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".
<p>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:
Panduan Belajar HTML Lainnya
Belajar HTML Untuk Pemula Part 1: Pengertian HTMLBelajar HTML Untuk Pemula Part 2: Text Editor HTML
Belajar HTML Untuk Pemula Part 3: Kode Dasar HTML
Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML
Belajar HTML Untuk Pemula Part 5: Pengertian Atribut HTML
Belajar HTML Untuk Pemula Part 6: Heading Dalam HTML
Tidak ada komentar untuk "Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML"
Posting Komentar
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.