Belajar HTML Part 4: Mengenal Element HTML

Belajar HTML Part 4: Mengenal Element HTML

Selamat datang di artikel belajar HTML dasar untuk pemula bagian 4 yaitu mengenal Element HTML.

Pada bagian ini kamu akan mengenal apa itu Element HTML dan apa saja macam-macam element HTML.

Pengertian Element HTML

Element HTML adalah isi yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri. Sederhananya, element merupakan keseluruhan yang dimulai dari tag pembuka dan tag penutup.

Contoh kodenya seperti berikut:

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.
Contoh kodenya:

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

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

 

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

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



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

Leave a Comment