Belajar HTML Part 4: Mengenal Element HTML

Oleh Wendy Andriyan Maret 07, 2020 Posting Komentar

Belajar HTML Untuk Pemula 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".

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

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:

Wendy Andriyan Penulis amatiran yang berusaha berbagi dengan sesama melalui tulisan.

Blog Wendy