Styling HTML dengan CSS
CSS diperkenalkan bersama dengan HTML 4, untuk menyediakan cara yang lebih baik untuk elemen HTML gaya.
CSS dapat ditambahkan ke HTML dengan cara berikut:
* dalam file terpisah style sheet (CSS file)
* dalam elemen style di bagian kepala HTML
* dalam atribut gaya dalam elemen HTML tunggal
Gaya Menggunakan Atribut HTML. Hal ini memakan waktu dan tidak terlalu praktis untuk elemen HTML style menggunakan atribut style. Cara yang disukai untuk menambahkan CSS ke HTML, adalah memasukkan sintaks CSS pada file CSS terpisah.
Namun, dalam hal ini HTML tutorial ini kita akan memperkenalkan Anda kepada CSS menggunakan atribut style. Hal ini dilakukan untuk menyederhanakan. Hal ini juga membuat lebih mudah bagi Anda untuk mengedit kode dan mencoba sendiri.
Contoh HTML Style - Warna Background
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
Contoh HTML Style - Font, warna dan besar font
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Contoh HTML Style - Text Alignment
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>Ini adalah contoh paragraft</p>
</body>
</html>