Belajar HTML : Atribut Pada HTML – Bagian V

Diposting pada
Belajar HTML : Atribut Pada HTML - Bagian V

 Jika sebelumnya kita belajar mengenai Elemen pada HTML, dan sekarang ini kita akan belajar Atribut pada HTML. Mempelajari Atribut pada HTML sangat berguna karena dapat memberikan informasi tambahan mengenai Elemen pada HTML. Oke langsung saja kita mulai belajar mengenai Atribut HTML.

Atribut HTML

  1. Semua elemen yang ada pada HTML dapat memiliki Atribut,
  2. Atribut berfungsi untuk memberikan informasi tambahan mengenai HTML,
  3. Saat menulis Atribut pada HTML, harus selalu ditulis pada Tag Awal,
  4. Atribut HTML dapat ditulis seperti name=”value/nilai”,

Atribut href

Apa itu Atribut href ? Atribut href merupakan Atribut Link yang akan mengarahkan ke sumber lain atau tujuan, misalkan :

See the Pen Attribut href by Rahman (@rahmannur19) on CodePen.

Atribut src

Apa itu Atribut src ? Atribut src merupakan Atribut yang digunakan sebagai Source atau Sumber, untuk menuliskan gambar di HTML, gunakan tag <img> dan gunakan Atribut src=”Link Gambar”.

See the Pen Atribut SRC (Source) by Rahman (@rahmannur19) on CodePen.

Atribut Width dan Height

Apa itu Atribut Width dan Height ? Atribut Width yang berarti Lebar, dan Height yang berarti Tinggi, digunakan untuk mengatur lebar dan tinggi gambar tersebut,
<img src='//4.bp.blogspot.com/-vlgCSE_40Cw/Xx0YTHx8yYI/AAAAAAAAAAQ/UdUYsgcfWSky1D3eQuGBwlui8-K3uQrBACK4BGAYYCw/s1600/20200726_124223.png' width='150' height='50'/>

Atribut alt

Apa itu Atribut alt ? Atribut Alt digunakan untuk menambahkan Teks Alternatif pada gambar. Maksudnya apabila gambar gagal untuk ditampilkan pada halaman browser, makan akan muncul Teks pengganti gambar tersebut. Misalkan :

See the Pen Atribut Alt by Rahman (@rahmannur19) on CodePen.

Atribut style

Apa itu Atribut style ? Merupakan atribut yang dapat kamu gunakan untuk merubah tampilan pada elemen HTML tersebut, seperti Warna huruf, background, jenis font, ukuran, dsb. Misalkan :

See the Pen Atribut Style by Rahman (@rahmannur19) on CodePen.

Atribut lang

Apa itu atribut lang (language) ? merupakan Atribut yang berguna untuk mengatur bahasa dari dokumen HTML tersebut dan sangat berguna untuk aksebilititas dan search engine. Atribut lang biasa ditulis didalam tag <html>
Format bahasa diambil dari 2 huruf dari inisial bahasa, seperti en berarti English, id / in berarti Indonesia. Misalkan :
<!DOCTYPE html>
<html lang="en">
<body>

...

</body>
</html>

Untuk menemukan kode refensi untuk setiap negara, kamu dapat mengunjung mengklik link berikut Language Code Reference

Atribut title

Apa itu atriut title ? Merupakan atribut tooltip yang akan tampil teks apabila mouse diarahkan pada teks yang diberi title. Bila kurang paham silahkan lihat contoh berikut dan praktekkan.

See the Pen Attribut title by Rahman (@rahmannur19) on CodePen.

Gunakan Huruf Kecil Saat Menuliskan Atribut

Disaat menuliskan Atribut HTML, sebaiknya gunakan huruf kecil, tidak perlu menggunakan huruf kapital. Bagaimanapun juga W3C juga merekomendasikan setiap penulisan tag html ataupun atribut html selalu menggunakan huruf kecil.

Gunakan Tanda Petik Dua

Setiap menulis Atribut HTML selalu m enggunakan tanda petik, agar kode HTML yang berisi atribut tersebut valid atau dapat dijalankan dengan baik. Misalkan :

<a href=’https://idncoder.com/’> Penulisan yang BENAR.

<a href=https://idncoder.com/> Penulisan yang SALAH.

Gunakan Satu atau Dua Tanda Petik Dalam Satu Atribut

Disaat menuliskan Atribut pada HTML kamu juga dapat mengunakan satu tanda petik (‘) atau dua tanda petik (“) dalam satu atribut yang sama. Namun ketika kalian menuliskan satu tanda petik (‘) diawal, maka harus diakhiri satu tanda petik (‘) diakhir, begitu juga sebaliknya. Misalkan :

<p title=‘Sumber “Artikel” W3Schools’>Sumber Artikel<p>

<p title=“Sumber ‘Artikel’ W3Schools’>Sumber Artikel<p>

Ringkasan

  • Semua Elemen HTML dapat ditambahkan Atribut,
  • Atribut Title berupa informasi (Tooltip),
  • Atribut href berupa link Tujuan,
  • Atribut width dan height berupa lebar dan tinggi,
  • Atribut src berupa Source atau Sumber,
  • Atribut alt berupa teks Alternatif,
  • Setiap menuliskan elemen HTML selalu gunakan lowercase (huruf kecil),
  • Setia menuliskan atribut HTML selalu gunakan tanda petik (“) diawal dan diakhir.

Sumber : W3Schools.com

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *