Memahami Element, Tag dan Attribute dalam HTML

Elemen dokumen HTML atau elemen HTML adalah satu struktur utuh untuk memberitahu browser tentang sebuah konten yang akan ditampilkan.

Elemen HTML secara umum terdiri dari tag pembuka, konten, dan diakhiri dengan tag penutup.

Baca juga: Mengenal Fungsi Web Browser

Sedangkan tag, digunakan sebagai penanda sebuah elemen pada bagian awal dan akhir sebuah elemen dengan menggunakan tanda < di awal dan > di akhir tag.

Seperti pada gambar, tag memiliki 2 jenis, yaitu tag pembuka dan tag penutup, pada contoh, tag pembuka <p> dan </p> penutup.

Pada tag penutup dibedakan hanya dengan garis tanda miring ( / ) setelah tanda <.

Jadi yang harus kita ingat, sebuah element HTML biasanya (karena tidak semua) pasti memiliki tag pembuka, content atau isi, dan tag penutup.

Contoh:

<p> Belajar HTML bersama Maya </p>
<em> Belajar HTML bersama Maya</em>

Atau untuk penulisan judul misalnya

<h1> Ini adalah Judul Karya Maya </h1>

Dalam penulisan tag, tidak harus menggunakan huruf besar atau kecil, browser juga tidak mempermasalahkan, santai aja. Hehe

Tetapi biasanya Maya, atas saran para suhu, dan pada umumnya para guru-guru Maya ajarkan, selalu menggunakan huruf kecil.

Apa itu Attribute HTML?

Setelah kita memahami element dan tag dalam HTML baru kita akan memahami attribute.

Tag HTML seperti yang kita bahas diatas seperti <p> atau <h1> dapat memiliki attribute, untuk mendeskripsikan karakteristik dari element yang kita buat.

Sebuah attribute diletakan di tag pembuka pada sebuah element, contohnya:

<p class=”paragraf-utama”> Belajar HTML bersama Maya </p>

Artinya kita memberitahu browser bahwa element ini memiliki attribute class bernama “paragraf-utama”.

Cara Penulisan Attribute HTML?

Attribute diletakan di tag pembuka sebuah element
Attribute terdiri dari nama attribute dan nilai attribute atau value.
Nama attribute lalu diikuti tanda sama dengan ( = )
Nilai attribute harus diapit oleh tanda petik di awal dan diakhir.
Jika element memiliki attribute lebih dari satu, maka antar attribute harus dipisah dengan spasi.

4 Attribute Utama dalam HTML

Setidaknya ada 4 attribute utama dalam HTML yaitu:

id
title
class
style

Contoh:

<p class="paragraf-besar">Belajar HTML bersama Maya</p>
<p id="paragraf-besar">Belajar HTML bersama Maya</p>
<p style="color:#FF0000;">Belajar HTML bersama Maya</p>
<p title="Paragraf Besar">Belajar HTML bersama Maya</p>

Kita akan membahas lebih lengkap tentang attribute pada postingan lain.

Ditulis oleh: Maya