-->
› ›
[Belajar HTML #8] Atribut < style > - background-color - Warna, Font, Ukuran dan Penyelarasan Teks

[Belajar HTML #8] Atribut < style > - background-color - Warna, Font, Ukuran dan Penyelarasan Teks

By October 10, 2019 0 Komen

Style HTML

Contoh:

Saya Normal

Saya Merah

Saya Biru

Saya Besar

Cobalah sendiri


Atribut <style> HTML

Pengaturan style elemen HTML, bisa dilakukan dengan style atribut.

Atribut style HTML memiliki sintaks berikut :

<tagname style="property:value;">

properti adalah properti CSS. The value adalah nilai CSS.

Anda akan belajar lebih banyak tentang CSS nanti dalam tutorial ini.



Warna latar belakang

Properti CSS background-color mendefinisikan warna latar belakang untuk elemen HTML.

Contoh ini mengatur warna latar belakang untuk halaman menjadi powderblue:

Contoh:

<body style="background-color:powderblue;">

<h1>Ini Judul</h1>
<p>Ini adalah sebuah paragraf</p>

</body>
Lihat dan Coba Sendiri


Warna Teks

Properti CSS color mendefinisikan warna teks untuk elemen HTML:

Contoh:

<h1 style="color:blue;">Ini adalah sebuah judul</h1>
<p style="color:red;">Ini adalah sebuah paragraf.</p>
Lihat dan Coba Sendiri


Font HTML

Properti CSS font-family mendefinisikan font yang akan digunakan untuk elemen HTML:

Contoh:

<h1 style="font-family:verdana;">Ini adalah sebuah Judul</h1>
<p style="font-family:courier;">Ini adalah sebuah Paragraf</p>
<p style="font-family:comic sans ms;">Ini adalah sebuah Paragraf</p>
Cobalah Sendiri

Contoh Jadi:

Ini adalah sebuah Judul

Ini adalah sebuah Paragraf

Ini adalah sebuah Paragraf



Ukuran Teks

Properti CSS font-size menentukan ukuran teks untuk elemen HTML:

Contoh:

<h1 style="font-size:300%;">Ini adalah sebuah Judul</h1>
<p style="font-size:160%;">Ini adalah sebuah paragraf</p>
Cobalah Sendiri

Contoh Jadi:

Ini adalah sebuah Judul

Ini adalah sebuah paragraf



Penyelarasan Teks

Properti CSS text-align mendefinisikan perataan teks horisontal untuk elemen HTML:

Contoh:

<h1 style="text-align:center;">Judul di Tengah</h1>
<p style="text-align:center;">Paragraf di Tengah.</p>
Cobalah Sendiri

Contoh Jadi:

Judul di Tengah

Paragraf di Tengah.



  • Gunakan style atribut untuk menata elemen HTML
  • Gunakan background-color untuk warna latar belakang
  • Gunakan color untuk warna teks
  • Gunakan font-family untuk font teks
  • Gunakan font-size untuk ukuran teks
  • Gunakan text-align untuk perataan teks


Berlangganan update artikel terbaru via email:

0 Response to "[Belajar HTML #8] Atribut < style > - background-color - Warna, Font, Ukuran dan Penyelarasan Teks"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel