Pada artikel sebelumnya kita sudah membahas sebagian attribut HTML pada artikel Belajar HTML : Attribut HTML Bag.1. Selanjutnya kita masuk ke bagian 2 dari materi attribut HTML.
Daftar isi
Attribut style
Attribut style digunnakan untuk merubah gaya dari tag yang disematkan attribut style. Perubahan tersebut bisa berupa ukuran, bentuk font, background, warna, dan lainnya. Seperti :
________________________________________________
<body>
<p style="color:blue"> Paragraf ini berwarna biru </p>
<p style="color:red> Sedangkan aragraf ini berwarna merah </p>
</body>
_________________________________________________
Contoh diatas menghasilkan dua buah paragraf yang berlainan warna.
Attribut lang
Lang merupakan kependekan dari Language yang bearti bahasa. Dengan attribut lang kita bisa mendefinisikan bahasa yang digunakan dalam website. Bahasa yang dimaksud disini bukan menerjemahkan inggris ke indonesia melainkan sebagai indikator bahwa website kita adalah website yang menggunakan bahasa indonesia. Hal ini bagus agar memudahkan search engine menentukan dan membacanya. Contoh :
_________________________________________________
_________________________________________________
<!doctype html>
<html lang="ID">
<body>
</body>
</html>
___________________________________________________
Attribut lang diatas berisi ID yang berarti Indonesia. Setiap negara mempunyai inisialnya masing masing.
Attribut title
Title tag berbeda dengan attribut. Attribut title digunakan untuk menampilkan tooltip ketika cursor mouse berhenti diatas sebuah tag html. Contohnya :
________________________________________________
<body>
<p title="paragraf"> Hari ini sangat menyenangkan </p>
</body>
________________________________________________
Jika kamu menghentikan cursor diatas teks Hari ini sangat menyenangkan, maka sebuah tooltip akan muncul yang berisi paragraf.
Penulisan attribut
Dalam penulisannya attribut berada dalam tag lalu = dan berakhir dengan data yang diapit oleh tanda petik. Tanda petik didalam attribut harus digunakan agar pembacaannya lebih mudah. Jika tanda petik tidak didefinisikan maka website bisa saja error kalau kode yang digunakan banyak. Tanda petik bisa menggunakan petik dua (" ") ataupun petik 1 (' ').
Namun, jika kamu ingin memasukkan tanda petik kedalam attribut sebagai data maka cara yang dilakukan adalah menggunakan salah satu tanda petik sebagai dasar dan yang lainnya untuk ditampilkan. Contohnya :
__________________________________________________
<body>
<p title="pa'ra'graf"> Hari ini menyebalkan </p>
</body>
__________________________________________________
Baca artikel sebelumnya di Belajar HTML : Attribut HTML Bag.1 #5
Demikian artikel Belajar HTML : Attribut HTML Bag.2 #6
Lihat Artikel Selanjutnya Belajar HTML : Heading #7
Komentar
Posting Komentar