Sesuai dengan namanya, header style berarti menuliskan skrip CSS pada header dokumen HTML didalam bab <head> dan </head>. Definisi style dengan cara ini lebih dianjurkan alasannya ialah selain lebih rapi, pendefinisian tag cukup dilakukan satu kali.
- Masih memakai teks editor, kali ini buat dokumen HTML gres dengan instruksi sebagai berikut.
<html>
<head>
<title> Latihan3</title>
</head>
<h3>Judul Artikel</h3>
<p>Contoh paragraf teks</p>
</body>
</html>
- Simpan dengan nama latihan3.html
- Jalankan dengan web browser maka akan tampil menyerupai gambar berikut
- Kita akan mencoba mengubah penampilan teks judul artikel dengan menyisipkan instruksi CSS pada bab header.
<head>
<title> Latihan3</title>
<Style>
H3 {font-family:arial}
</style>
</head>
- Pada bab tag <h3> berarti kita akan memakai font arial. Skrip ini harus berada tag <style> dan </style> semoga dikenali oleh web browser sebagai CSS.
- Simpan kembali kemudian buka dengan web browser, maka jenis font yang dipakai pada header menjadi Arial
Sumber http://campusnancy.blogspot.com
