HTML STYLES

Ini Merah

Ini Biru

HTML Styling

Setiap elemen HTML memiliki style default (warna latar belakang putih dan warna teks hitam). Mengubah style default elemen HTML, dapat dilakukan dengan atribut style.

Contoh ini akan mengubah warna latar belakang standar dari putih ke lightgrey:

<body style="background-color:lightgrey">
  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>
</body>

Attribut HTML Styles

Attribut HTML Styles memiliki sintaks berikut:

style="property:value"

Properti adalah properti CSS. Nilai adalah nilai CSS.

HTML Warna Teks

Properti color mendefinisikan warna teks yang akan digunakan untuk elemen HTML.

Contoh:

<body>
  <h1 style="color:blue">This is a heading</h1>
  <p style="color:red">This is a paragraph.</p>
</body>

HTML Font

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

Contoh:

<body>
  <h1 style="font-family:verdana">This is a heading</h1>
  <p style="font-family:courier">This is a paragraph.</p>
</body>

HTML Ukuran Teks

Properti font-size mendefinisikan ukuran teks yang akan digunakan untuk elemen HTML:

Contoh:

<body>
  <h1 style="font-size:300%">This is a heading</h1>
  <p style="font-size:160%">This is a paragraph.</p>
</body>

HTML Perataan Teks

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

contoh:

<body>
  <h1 style="text-align:center">Centered Heading</h1>
  <p>This is a paragraph.</p>
</body>

all about that tutorial

Rabu, 11 Maret 2015