Konten [Tampil]
Di tutorial sebelumnya kita telah mempelajari pengertian elemen pada HTML. Mengenai pengertian Elemen. contohnya dan juga jenis-jenis Elemen pada HTML.
Untuk kalian yang ketinggalan tentang apa itu Elemen kalian bisa baca di sini
Di artikel kali ini Codingin Aja akan membagikan pembahasan apa itu Atribut pada HTML. Mari simak pembahasannya berikut ini.
Apa Itu Atribut Pada HTML?
Pengertian Atribut
Atribut pada html adalah sebuah informasi tambahan tentang elemen HTML. Hampir semua elemen HTML memiliki atribut.Informasi yang diberikan atribut bisa bermacam-macam mulai dari memberikan warna, Ketebalan, mengubah lebar, tinggi, dll.
Atribut selalu di letakkan di bagian awal tag. Atribut biasanya terdiri dari 2 bagian yaitu nama atribut dan nilai. Penulisannya bisa seperti ini nama_atribut="nilai". Nilai selalu di apit oleh 2 kutip baik itu kutip satu maupun kutip dua.
Atribut href
Atribut <a> mendefinisikan sebuah hyperlink atribut href berfungsi untuk menentukan URL halaman yang di tutuju tautan.
<a href="https://codinginajaa.blogspot.com">kunjungi Codingin Aja</a>
Penjelasan :
- <a> adalah Tag yang mendefinisikan Hyperlink
- Href merupakan nama atribut
- https://codinginajaa.blogspot.com adalah nilai atribut
- kunjungi Codingin Aja merupakan elemen pada tag <a>
Atribut style
Tag <p> mendefinisikan sebuah paragraf atribut style dapat menambahkan gaya ke elemen seperti warna, font, ketebalan, posisi, dll.
<p style="color:red;">ini paragaraf pertama</p>
Penjelasan :
- <p> adalah Tag yang mendefinisikan Paragraft
- style merupakan nama atribut
- color:red adalah nilai atribut
- ini paragraf pertama merupakan elemen pada tag <p>
Atribut Title
Atribut title mendefinisika informasi tambahan tentang suatu elemen . Atribut ini akan di tampilkan apabila di hover dan menampilkan layaknya tooltip.
<p title="ini pesan">Hover me</p>
Penjelasan :
- <p> adalah Tag yang mendefinisikan Paragraft
- title merupakan nama atribut
- ini pesan adalah nilai atribut
- hover me merupakan elemen pada tag <p>
Untuk referensi tentang semua atribut yang ada pada HTML kalian bisa baca disini
Terima kasih telah membaca artikel ini, Jika artikel ini bermanfaat jangan lupa share artikel ini ke sosial media kamu.
0 Komentar