Cara Penulisan Artibut HTML yang Benar

Halo sobat pemula, selamat datang di Bang Feri Blog. Pada kesempatan kali ini saya sebagai admin akan membagikan kepada sobat artikel coding lagi, yaitu cara penulisan artibut yang benar di HTML.

Oleh karana itu, jika sobat masih kebingungan bagaimana cara penulisannya tidak usah khawatir, karena diartikel ini akan saya jelaskan secara lengkap pengertian atribut pada HTML dan bagimana cara penulisan artibut yang benar.

1. Apa Itu Atribut HTML
2. Contoh Penulisan Atribut HTML
3. Rekomendasi cara penulisan atribut HTML
4. Penutupan

Pengertian Atribut Pada HTML

Atribut HTML adalah kata khusus yang terletak disetiap tag pembuka (bukan di tag penutup). Atribut HTML berfungsi untuk mengontrol atau mengatur elemen (tag) tertentu serta dapat digunakan untuk memberikan informasi tambahas tentang elemen-elemen HTML.

Artibut HTML tidak hanya dapat digunakan pada satu elemen (tag) saja, tetapi semua tag HTML memiliki atributnya masing-masing yang berbeda-beda. Dalam penulisan HTML, satu tag bisa memiliki lebih dari satu atribut yang berbeda-beda pula dan penulisan atribut umumnya pasangan nama dan nilai (name and value) seperti: nama="nilai"

Nilai pada atribut itulah yang merupakan perintah dari atribut yang akan dieksekusi jika ditampilkan di browser. Supaya lebih jelas, berikut ini telah saya sediakan cara penulisan atribut HTML.

Contoh Penulisan Atribut HTML yang Benar

Setelah memahapi penjalasan tentang artibut diatas ini, selanjutnya kita melangkah ke cara penusliannya. Berikut ini contoh cara penulisan atribut yang benar pada gambar HTML.

Contoh 1: Penulisan Atribut pada Gambar HTML

<img src="example.png" width="480" height="240">

Penjelasan Contoh

• Gambar HTML didefinisikan dengan menggunkan tag <img> dan nama file (sumber URL gambar) ditentukan dengan menggunakan atribut src
• Tanda sama dengan (=) dan kutip dua (") pada atribut adalah lokasi untuk menuliskan nilai atau perintah atribut terhadap tag.
• Gambar HTML juga memiliki atribut untuk mengatur ukuran gambar, yaitu atribut width untuk mengatur lebar gambar dan height untuk mengatur panjang gambar.
  

  Secara default lebar dan tinggi gambar HTML ditentukan dalam piksel (pixel). Jadi, width="480"sama dengan 480 piksel dan height="240" sama dengan 240 piksel

Contoh 2: Penulisan Atribut pada Tautan HTML

Berikut ini contoh penulisan atribut pada elemen tautan atau link:

<a href="https://bangferi.blogspot.com">Ini adalah Tautan</a>

Penjelasan Contoh

• Tautan / link HTML didefinisikan dengan menggunaka tag <a> dan alamat tautan (URL) ditentukan dengan menggunakan atribut href

Contoh 3: Atribut untuk Mengatur Gaya Elemen

Atribut juga dapat digunankan untuk mengatur tampilan atau gaya tag, yaitu dengan menuliskan atribut style (artibut untuk menuliskan properti CSS). Atribut yang satu ini memiliki banyak kegunaan untuk mengatur tampilan, seperti mengatur warna teks, lebar dan panjang elemen dan masih banyak lagi. Berikut ini contohnya:

<p style="color: red;">Bang Feri Blog</p>

Penjelasan Contoh

• Pragraf HTML didefinisikan dengan menggunakan tag <p> dan warna teks ditentukan dengan atribut style dan properti color di dalamnya.
  

  TipsAtribut style dapat digunakan untuk semua elemen atau tag HTML

Rekomendasi Cara Penulisan Atribut

Memperhatikan penulisan atribut HTML sangatlah penting salah satunya penggunaan tanda kutip. Bagi saya pribadi, untuk cara penulisan atribut saya lebih memilih penulisan atribut dengan tanda kutip dua. Walaupun sebenarnya penggunaan tanda kutip dua juga bisa diganti dengan menggunakan tanda kutip satu. Contoh

<p style='color: red;'>Penulisan atribut dengan tanda kutip satu</p>

Penulisan atribut juga bisa tanpa menggunakan tanda kutip dua atau kutip satu. Namun, cara ini kurang bagus karena lebih rentang terjadi kesalah atau error atribut sehingga jika ditampilkan, elemen yang diberi atribut tidak akan dieksekusi. Contoh

<p style=color:red;>Penulisan atribut tanpa tanda kutip</p>

Catatan
Penulisan atribut tanpa tanda kutip, diharuskan agar tidak memiliki spasi dalam penulisan nilainya. Tapi, untuk mencegah kasalahan saya sarankan agar sobat memilih penulisan atribut dengan tanda kutip dua atau tanda kutip satu

Penutupan

Nah, kira-kira itulah penjelasan atribut HTML dan cara penulisannya seperti itu. Bagimana dengan penjelasannya cukup jelas, kan?

Sekian artikel kali ini, terima kasih telah berkunjung. semoga artikel yang saya bagikan dapat bermanfaat untuk sobat pemula. Serta nantikan artikel coding berikutnya dari Bang Feri Blog. Salam Coding!

Share :