Atribut HTML


Atribut HTML merupakan informasi tambahan yang didefinisikan dalam tag pembuka pada elemen HTML. Pada umumnya semua elemen dapat memiliki atribut, namun atribut apa yang ditambahkan tergantung dari elemen itu sendiri.


Tata Cara Penulisan Atribut


Atribut ditulis sekali di dalam tag pembuka suatu elemen dengan format atribut = “value” dan satu elemen dapat memiliki lebih dari satu atribut. Sama halnya dengan tata cara penulisan tag, penulisan atribut tidak case sensitive, kalian boleh menulisnya dengan lowercase atau uppercase. Namun pada umumnya direkomendasikan untuk ditulis secara lowercase.

<tag atribut="nilai">....</tag>

Sedangkan untuk penulisan value dari atribut diawali dengan sebuah petik. Terserah ingin menggunakan petik dua atau satu tapi lebih diprioritaskan untuk menggunakan petik dua terlebih dahulu.

<a href="https://kopiding.in/">Kunjungi Kopiding.in</a>

Namun jika petik dua sudah digunakan sebelumnya maka selanjutnya gunakan petik satu.

echo "<a href='https://kopiding.in/'>Kunjungi Kopiding.in</a>";

Contoh Atribut HTML


Beberapa contoh atribut di bawah ini akan sering kita jumpai pada halaman website dan akan sering kita gunakan pada saat pembuatan aplikasi berbasis web.


Atribut Dalam Elemen <input>


Elemen input merupakan elemen wajib yang sering digunakan dalam pembuatan aplikasi berbasis web, elemen input sering disisipkan dengan beberapa atribut guna mendapatkan informasi lebih lanjut perihal data yang akan diinputkan.

<input type="text" name="nama_siswa" placeholder="Masukkan nama siswa..." value="Laviel" required>

Penjelasan Atribut

Atribut Keterangan
type Mendefinisikan bahwa field ini bertipe string
name Mengidentifikasi field dengan nama yang telah ditentukan
placeholder Menampilkan teks bantuan di dalam field ketika field dalam keadaan kosong
value Memberikan nilai atau data default ke dalam field
required Aturan agar field wajib diisi, tidak boleh kosong!

Atribut Dalam Elemen <a>


Tag <a> sering digunakan untuk menghubungkan dari satu halaman website ke halaman website yang lain. Penggunaan elemen a pasti berhubungan dengan penggunaan atribut href

<a href="https://kopiding.in/" target="_blank"> Kunjungi Kopiding.in </a>
 Kunjungi Kopiding.in 
Atribut Keterangan
href Menentukan URL halaman atau dokumen yang dituju oleh tautan
target Menentukan target dimana dokumen yang ditautkan akan ditampilkan

Atribut Dalam Elemen <img>


Sama seperti elemen a, elemen img juga mempunyai atribut pasangan yang wajib saat dia dideklarasikan. Elemen img sering disandingkan dengan atribut src.

<img src="https://dribbble.com/shots/7587291-Laravel-6" alt="gambar_laravel" width="400px" height="300px">
gambar_laravel
Atribut Keterangan
src Menentukan URL dari file media
alt Menentukan teks alternatif jika konten dari suatu elemen gagal ditampilkan
width Menentukan lebar elemen
height Menentukan tinggi elemen