MulaiCode
HTML

HTML Styles

HTML memungkinkan kamu menambahkan **gaya (style)** ke elemen menggunakan atribut `style`.

Contoh Penggunaan Atribut style

<p style="color:red;">Paragraf ini berwarna merah.</p>

Atribut style digunakan untuk menambahkan gaya CSS langsung pada elemen.


Gaya CSS yang Sering Digunakan:

1. color – warna teks

<p style="color:blue;">Teks ini berwarna biru.</p>

2. font-family – jenis huruf

<p style="font-family:Verdana;">Teks dengan font Verdana.</p>

3. font-size – ukuran huruf

<p style="font-size:20px;">Ukuran teks ini 20 piksel.</p>

4. text-align – perataan teks

<p style="text-align:center;">Teks ini rata tengah.</p>

Contoh Gabungan:

<p style="color:green; font-size:18px; text-align:right;">
  Teks ini berwarna hijau, ukuran 18px, dan rata kanan.
</p>

Catatan Penting:

  • Atribut style hanya cocok untuk styling sederhana.
  • Untuk proyek besar, gunakan CSS eksternal agar lebih rapi dan mudah dikelola.

On this page