Style HTML - Purwana.Net
  Media Belajar membuat Software Aplikasi, Website, & Game untuk Pemula...

Post Top Ad

Minggu, 01 Januari 2017

Style HTML

Saya Merah
Saya Biru
Aku besar


Atribut Style HTML

Pengaturan elemen style pada HTML dapat dilakukan dengan atribut style.

Atribut style HTML memiliki sintaks penulisan sebagai berikut:


<namatag style="property:value;">
Properti yang dipakai adalah properti CSS. Dengan nilai adalah nilai CSS.

Kita akan belajar lebih banyak tentang CSS lebih lanjut nanti bersama purwana.net. ;)

Latar Belakang Warna HTML

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

Contoh berikut menetapkan warna latar belakang untuk halaman dengan powderblue:

Contoh

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

<h1>Ini adalah heading</h1>
<p>Ini adalah paragraf</p>

</body>

Teks Warna HTML

Properti color mendefinisikan warna teks untuk elemen HTML:

Contoh

<h1 style="color:blue;">Ini adalah heading</h1>
<p style="color:red;">ini adalah paragraf.</p>

Font HTML

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

Contoh

<h1 style="font-family:verdana;">Ini adalah heading</h1>
<p style="font-family:courier;">Ini adalah paragraph.</p>

Ukuran Teks di HTML

Properti font-size mendefinisikan ukuran teks pada elemen HTML:

Contoh

<h1 style="font-size:300%;">Ini adalah kepala heading</h1>
<p style="font-size:160%;">Yang ini paragraf.</p>

Penyelarasan Posisi Teks HTML

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

Contoh

<h1 style="text-align:center;">Heading di tengah</h1>
<p style="text-align:center;">Paragraf di tengah.</p>

Ringkasan (Rangkuman)

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

Post Top Ad