BAB 3 – Atribut Pada HTML

Indikator Materi :
1. Memahami atribut pada elemen HTML
2. Menerapkan Tag, Elemen dan Atribut pada HTML

Atribut menyediakan informasi tambahan tentang sebuah elemen HTML. Informasi ini bisa berupa:

• Pengidentifikasi unik.
• Sumber file (misalnya untuk gambar atau link).
• Dimensi (lebar dan tinggi).
• Petunjuk styling.
• Dan banyak lagi, tergantung jenis elemennya.

Aturan Penulisan Atribut:

1. Selalu Ditaruh di Tag Pembuka: Atribut hanya ditulis di dalam tag pembuka elemen, bukan di tag penutup.
2. Format Pasangan nama="nilai": Setiap atribut terdiri dari dua bagian:
   • Nama Atribut: Menunjukkan jenis informasi yang mau kita kasih (misalnya id, class, src, href, style).
   • Nilai Atribut: Isi dari informasi tersebut, biasanya diapit oleh tanda kutip dua (" "). Tanda kutip satu (' ') juga bisa, tapi kutip dua lebih umum.
   • PENTING: Walaupun kadang browser bisa toleran kalau nilai atribut gak pake kutip (khususnya kalau nilainya satu kata tanpa spasi), sangat disarankan untuk SELALU menggunakan tanda kutip. Ini praktik terbaik biar kode lebih rapi, aman, dan menghindari error tak terduga.
     
     Contoh penulisan atribut pada elemen HTML :
     <p id=”paragraf1″>Ini paragraf dalam bahasa Indonesia.</p>
     <p class=”paragraf”>This is a paragraph in English.</p>

Contoh praktek bisa menggunakan platform code editor di bawah ini :

See the Pen project by deka wildan (@deka-wildan) on CodePen.

TUGAS !
1. Buatkan syntax html untuk menampilkan paragraf biodata diri dengan background warna kuning !
2. Buat kesimpulan untuk konten berupa paragraf dan non paragraf !