ATTRIBUTES HTML
Assalamu'alaikum Wr. Wb
Kali ini saya akan posting mengenai Attributes pada HTML, posting kali ini merupakan lanjutan dari postingan sebelumnya yaitu
Belajar HTML Part 3 : Basic.
Setelah kita belajar mengenai dasar-dasar pada HTML sekarang kita mulai masuk ke Attributes pada HTML.
Nah, langsung saja..
Apa itu Attributes?
Atribut adalah informasi tambahan yang diberikan kepada
tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (
value), dan ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“).
Ada beberapa Attributes pada HTML antara lain :
1. Attribute title
Untuk lebih jelasnya langsung dipraktekin saja pasti nanti tau apa fungsinya karena pengalaman adalah guru berharga...
Disini attribute title ditambahkan ke element <p>
Sintaknya :
<p title="Tentang BLC Telkom"> BLC adalah singkatan dari Broadband Learning Center. </p>
Hasilnya :
2. Attribute Width dan Height
Berfungsi untuk mengatur ukuran lebar dan tinggi pada gambar. Sebenarnya bukan hanya pada gambar tapi dalam implementasi nanti bisa ditemukan pada objek lain seperti pada tabel. Nanti akan dibahas pada postingan yang akan datang. Disini yang akan diatur lebar dan tingginya adalah berupa gambar.
Sintaknya :
<img src="1.jpg" width="142" height="108">
Hasilnya :
Untuk nilai width dan heightnya bisa diatur sendiri agar gambar terlihat proporsional.
3. Attribute Lang
Bahasa dokumen dinyatakan dengan tag <html>
Untuk bahasa dinyatakan dengan attribute
lang, mendeklarasikan bahasa penting untuk aksesbilitas (pembaca layar) atau mesin pencari.
Sintaknya :
<html lang="en-US">
Hasilnya :
Sintak tadi tidak akan ditampilkan dibrowser, karena itu hanya untuk pendeklarasian bahasa saja.
4. Attribute Alt
Nah, pada poin 2 diatas juga sudah saya singgung sedikit tentang
alt, ini berfungsi untuk teks alternatif apabila gambar tidak bisa muncul.
Sintaknya :
<img src="1.jpg" alt="my picture" width="142" height="108">
Hasilnya :
Sebenarnya masih banyak lagi attributes yang terdapat dalam HTML,
tapi pada kesempatan ini cukup disini dulu, nanti disambung ke postingan
berikutnya. Ditunggu aja...
Berdasarkan kegiatan ini kita bisa mengerti tentang pengertian Attributes dan macam-macam attributes pada HTML.
Sekian postingan dari saya.
Referensi :
http://203.130.243.185/w3/w3schools/html/html_attributes.html
Wassalamu'alaikum Wr. Wb