Pada kesempatan kali ini kita akan mempelajari Struktur dasar HTML yang terdiri dari 3 bagian utama,
Apa sajakah itu???
Jawabannya adalah Tag, Element, dan Atribut
Apa itu Tag??
Apa itu Elemen??
dan Apa itu Atribut??
Kita akan mempelajarinya secara perlahan dan terperinci..
yuk langsung saja kita bahas...
Apa Itu Tag??
Tag
adalah sebuah penanda suatu awalan dan akhiran dari sebuah Elemen HTML.
dan Fungsi Tag adalah sebagai informasi kepada browser bahwa Text yang
kita tulis merupakan HTML dan bagaimana text tersebut akan ditampilkan
pada browser. Sebuah tag cenderung ditulis dengan tanda kurung siku (<...>), lalu didalamnya terdapat nama sebuah tag.
Contohnya: <p>, <b>, <body>, <head> dan sebagainya
perlu
diperhatikan bahwa tag selalu ditulis berpasangan. Ada tag pembuka dan
tag penutup. Namun ada juga tag yang tidak memili penutup, misal: <br>, <cool>, <area>, <hr> dan masih banyak lagi. Tag penutup harus ditambahkan tanda garis miring (/) didepan nama tag, contoh: </p>, </head>, </body> dan sebagainya.
Apa Itu Element??
Element HTML adalah komponen-komponen yang menyusun menjadi satu dokumen HTML.Suatu Element kadang disebut dengan node, karena merupakan salah satu jenis node yang menyusun dokumen HTML.
Element dibentuk oleh tag pembuka, tag isi, dan tag penutup. Tidak jarang juga ditambahkan beberapa atribut. Seperti contoh berikut:
<p align="center">Hello World!</p>dari contoh diatas terdapat satu element <p> dengan atribut align="center" dan isi teks berupa Hello World!
Element tidak selalu berupa teks, kadang kala juga berisi element lain atau biasa disebut dengan nested element (element dalam element).
Seperti berikut:
<html>
<body>
<h1>Ini Judul</h1>
<p>Ini Paragraf</p>
<p>Ini Paragraf Lain</p>
</body>
</html>Element HTML ada banyak sekali jenisnya. Mulai dari yang khusus berisi teks, multimedia, script, metadata, tabel dan masih banyak lagi lainnya. Untuk selengkapnya kamu bisa baca Element HTML di sini : HTML Element Reference
Apa Itu Atribut??
Atribut adalah sebuah fitur atau kata khusus yang ada pada tag. Atribut biasanya ditulis pada tag pembuka. Atribut bisa disebut sebagai modifier yang akan menentukan perilaku sebuah elemen.
Atribut terdiri dari 2 bagian:
- Name
- Value
Atribut dapat ditambahkan pada elemen manapun. Bahkan ada elemen yang mewajibkan harus menggunakan atribut seperti: <a>, <img>, <video>, dan sebagainya.
Contoh:
<a href="https://www.martino.id">Martino.id</a>Tag <a> atau Anchor adalah atribut untuk membuat link. Tag ini mewajibkan tambahan atribut href untuk menentukan tujuan dari link tersebut.
Jumlah atribut boleh lebih dari satu pada sebuah elemen.
Contoh:
<img src="gambar.jpg" width="150" height="150" />Atribut <src> adalah atribut khusus untug tag <img> yang berfungsi untuk memilih gambar mana yang akan ditampilkan. Sedangkan atribut width dan height adalah atribut yang mengatur ukuran dari gambar.