Belajar HTML Untuk Pemula Part 4: Mengenal Element HTML

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:

<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".


<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".

<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:

Contoh Penggunaan Element Tanpa Tag Penutup

Hasilnya:

Hasil Dari Element Tanpa Tag Penutup

Panduan Belajar HTML Lainnya

Belajar HTML Untuk Pemula Part 1: Pengertian HTML
Belajar 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"

Berlangganan via Email