HTML : Element

HTML Element

Apa itu HTML element? HTML element adalah sebuah komponen dalam suatu halaman website. HTML element dapat berupa paragraf, judul, atau gambar.

Struktur HTML Element

Struktur HTML Element dapat digambarkan sebagai berikut :

Secara umum, HTML element terdiri dari :

Opening Tag (Tag pembuka) - Contohnya adalah <h1>

Closing Tag (Tag penutup) - Contohnya adalah </h1>

Attribute - Contohnya adalah style yang memiliki nilai "background:green"

Content - Konten yang ditampilkan oleh website

Terdapat dua jenis HTML element yaitu HTML element yang memiliki Opening Tag dan juga Closing Tag seperti <h1></h1> dan Empty HTML Element yang memiliki Self-Closing Tag (hanya memiliki tag pembuka dan tanda miring sebelum penutup) seperti <br /> dan <img />

Agar lebih paham, berikut adalah contoh syntax penggunaan HTML Element dan Empty HTML Element :

<!DOCTYPE html>

<html>

<head>

    <title>element</title>

</head>

<body>

    <!-- HTML Element yang memiliki tag pembuka dan tag penutup -->

    <h1 style="background: green;">Selamat Datang!</h1>

    <!-- Empty HTML Element yang memiliki self-closing tag -->

    <img src="banteng-hitam-merah.jpg" alt="banteng" />

</body>

</html>

Kalian dapat mengcopy kode diatas ke text editor, kemudian simpan dengan nama-file.html dan jalankan pada web browser. Kalian juga dapat mengubah isi konten dan gambar sesuai selera.