Atribut

Melalui kelas ini, kamu diajak untuk:

• Mengidentifikasikan beberapa jenis tag yang mengatur pemformatan teks.
• Menggunakan atribut sederhana dalam tag HTML5.

Apa itu Atribut?

Jika di bagian sebelumnya kita telah mengenal tag yang merepresentasikan elemen dalam file HTML, kali ini kita akan mengeksplor atribut. Atribut sendiri adalah informasi tambahan dari sebuah elemen.

Berikut karakteristik-karakteristik atribut yang perlu kamu pahami:

• Atribut hanya ditambahkan di bagian tag awal.
• Atribut terdiri dari struktur pasangan nama=nilai.
• Bagian nilai dari atribut selalu menggunakan tanda petik, misalnya nama=”nilai”.

Atribut Style

HTML5 menyediakan banyak sekali atribut yang bisa kamu akses di https://www.w3schools.com/tags/ref_attributes.asp. Dari semua atribut ini, mari bedah salah satunya, yaitu atribut style.

Atribut style digunakan untuk menambahkan gaya ke elemen sesuai kebutuhan. Ada banyak gaya yang bisa diatur, seperti warna, font, ukuran, dan sebagainya. Atribut style terdiri dari style=“properti:nilai”.

<h2 style="color: red">Judul Artikel Pertama</h2>

Penjelasan

• <h2>adalah tag elemen yang ingin dimodifikasi gayanya.
• style adalah nama atribut, sementara "color: red" adalah nilainya.

Kamu juga bisa memasukkan beberapa nilai dalam atribut style. Untuk melakukannya, pisahkan setiap nilai dengan “;”.

<h2 style="color: red; font-size: 20px">Judul Artikel Pertama</h2>

Property Paling Umum

Properti yang dimaksud sejatinya adalah properti dalam bahasa pemrograman CSS. Namun, kita bisa juga dapat mengatur properti di struktur badan HTML.

Selain warna teks dan ukuran font, ada beberapa nama properti lain yang mungkin akan sering kamu temukan selama menjelajahi atribut style.

Warna Latar

<p style="background: blue">Di sini ada teks.</p>

Penjajaran Teks

<p style="text-align: center">Di sini ada teks.</p>

Jenis Font

<p style="font-family: Inter">Di sini ada teks.</p>