Atribut HTML

Atribut berguna untuk memberikan informasi atau memodifikasi sebuah elemen.

Atribut ditulis di dalam tag pembuka. Berikut ini adalah bentuk atribut, nama dan nilainya:

nama="nilai"

Atribut lang

Atribut lang berguna untuk memberi informasi mengenai bahasa yang digunakan oleh document HTML.

Informasi mengenai bahasa ini biasanya digunakan oleh aplikasi dan search engine.

Atribut lang ditulis di dalam tag <html>.

Berikut ini adalah contoh penggunaan atribut lang:

Contoh 1:

<!DOCTYPE html>
<html lang="en-US">
    <head>
    </head>
    <body>
    </body>
</html>

Pada contoh di atas, language yang digunakan adalah english. Daftar language bisa dilihat pada ISO 639-1.

Atribut title

Elemen yang diberi atribut titleĀ akan memunculkan text kecil saat pointer mouse dilayangkan di atas elemen tersebut.

Contoh 2:

<h4 title="Selamat Pagi!">Atribut title</h4>

Hasil contoh 2:

Atribut title

Atribut align

Atribut Align berguna untuk mengubah posisi sebuah elemen menjadi rapat kiri, tengah atau kanan.

Contoh 3:

<h4 align="left">Rapat kiri</h4>
<h4 align="center">Rapat tengah</h4>
<h4 align="right">Rapat kanan</h4>

Hasil contoh 3:

Rapat kiri

Rapat tengah

Rapat kanan

Atribut style

Atribut style sebenarnya adalah code inline CSS yang berguna untuk memodifikasi tampilan sebuah elemen HTML menggunakan code CSS.

Contoh 4:

<p style="text-decoration: underline;">Satu Dua Tiga</p>

Hasil contoh 4:

Satu Dua Tiga

Pada contoh di atas, style CSS yang digunakan adalah garis bawah.

Tag <div>

Tag <div> berguna untuk mengelompokkan sekelompok besar code (block) atau beberapa elemen yang biasanya tersusun dari beberapa baris untuk kemudian dimodifikasi menggunakan berbagai macam atribut.

Contoh 5:

<div align="right">
    <p>Paragraph Satu</p>
    <p>Paragraph Dua</p>
    <p>Paragraph Tiga</p>
</div>

Hasil contoh 5:

Paragraph Satu

Paragraph Dua

Paragraph Tiga

Tag <span>

Tag <span> hampir sama dengan tag <div>, perbedaannya adalah tag <span> hanya digunakan untuk mengelompokkan sebagian kecil code atau content yang tidak lebih dari satu baris (inline).

Contoh 6:

<p>Satu <span style="text-decoration: underline;">Dua</span> Tiga</p>

Hasil contoh 6:

Satu Dua Tiga

Pada contoh di atas, text yang telah diberi tag <span> diberi style garis bawah menggunakan CSS.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>