Balajar HTML 3: mengenal tag, atribut dan elemen dalam html

Sebelumnya kita telah belajar mengenai pengertian html dan struktur dasar dari html. Sekarang yang akan kita bahas adalah mengenal tag, atribut dan elemen dalam html.

Apa sebenarnya tag itu? Lalu apa itu atribut? Serta ada lagi yang dinamakan elemen itu apa dalam html? Oleh karena itu berikut akan saya jelaskan ketiga pengertian dari tag, atribut dan elemen.

mengenal apa itu tag, atribut dan elemen html

apa itu tag html?

Tag dalam html merupakan sebuah kode format yang gunanya memformat setiap objek yang ada didalam dokumen html istilah lainnya memberikan markup pada objek tersebut.

Untuk lebih jelasnya berikut gambaran mengenai penjelasan dengan contoh tag dari html:

misalkan saya ingin memformat tulisan dalam artian memberikan markup supaya tulisan tersebut terlihat tebal, istilahnya saya ingin menebalkan tulisan tersebut.

Nah didalam html ada sebuah tag yang dapat digunakan untuk menebalkan tulisan yaitu tag <b></b>.

Untuk cara penggunaannya adalah dengan meletakan tulisan yang kita buat itu berada didalam tag <b></b>. Berikut contohnya

<b>Tulisan ini akan menjadi tebal</b>

maka apabila browser membaca format tag html diatas maka tulisannya akan menjadi tebal.

Selanjutnya mengenai atribut.

Apa itu atribut ?

Atribut dalam html diibaratkan identitas dari tag html tersebut. Jika diibaratkan identitas istilahnya adalah atribut merupakan properti yang ada didalam sebuah tag html.

Untuk lebih jelasnya saya akan jelaskan kembali melalui contoh sebagai berikut:

Ok disini saya mau membuat sebuah paragraf dengan menggunakan tag html yaitu tag <p></p>.

Didalam tag <p></p> tersebut saya buat paragraf dengan kalimat demikian:

<p id="pengertian">
Belajar html merupakan suatu bentuk kegiatan 
yang penting dilakukan oleh para pemula yang ingin 
terjun belajar didunia pemrograman web
</p>

Nah dari contoh diatas yang dimaksud dengan atribut pada tag <p></p> adalah id="" dalam tag <p></p> tersebut.

Atribut id pada tag <p> diatas berfungsi untuk memberikan identitas pada tag <p></p> yang telah kita buat sebelumnya.

Lalu kegunaan dari atribut itu apa? Nah kegunaan dari atribut dalam tag html adalah untuk menyimpan informasi yang telah terkandung didalam tag html tersebut.

Perlu sobat ketahui juga dalam 1 tag html dapat memiliki lebih dari 1 atribut yang digunakan. Lalu kegunaannya seperti apa? Nanti akan saya jelaskan pada artikel selanjutnya.

Kemudian mengenai apa itu elemen dalam html.

Apa itu elemen html?

Dapat dikatakan elemen html adalah sebuah kode dari html yang sudah ada atau tersedia. Pada setiap kode html tersebut memiliki fungsi atau kegunaannya masing-masing.

Elemen dari html tersebut mempunyai yang namanya tag pembuka dan penutup. Contohnya adalah tag <b> sebagai pembuka dan tag </b> sebagai penutup.

Jika dilihat yang jadi pembeda antara tag pembuka dan tag penutup adalah pada tag penutup yang mempunyai karakter slash didalamnya (berbentuk garis miring).

Apabila kita pahami juga pengertian dari elemen html dan tag html ini hampir sama. Lalu apa bedanya?

Bedanya antara elemen html dan tag html adalah tag html itu informasi yang berisikan teks lebih tepatnya identifikasi teks yang ada dalam situs yang menentukan apakah Teks tersebut diformat tebal, bergaris bawah, miring atau yang lainnya.

Sedangkan elemen html adalah unsur yang ada didalam tag html tersebut baik itu teks maupun konten yang terletak didalam tag html tersebut. Artinya elemen ini diapit oleh tag pembuka dan tag penutup html.

Dapat diambil kesimpulan bahwa tag merupakan penanda atau formatting daripada elemen yang ada didalam tag html tersebut. Sementara itu atribut merupakan modifier atau identitas yang dimiliki tag html yang menentukan sifat atau perilaku dari elemen didalam tag html.

Sekian pembahasan kita kali ini ya staykoder semoga dapat dipahami dan dimengerti. Jangan lupa tetap selalu belajar.

Selanjutnya belajar apa?

Untuk selanjutnya baca artikel berikut, untuk mulai membuat paragraf dengan html.

Pelajari : Belajar html 4: membuat paragraf di html

Comments