Sesuai dengan namanya, header style berarti menuliskan skrip CSS pada header dokumen HTML didalam bagian <head> dan </head>. Definisi style dengan cara ini lebih dianjurkan karena selain lebih rapi, pendefinisian tag cukup dilakukan satu kali.
- Masih menggunakan teks editor, kali ini buat dokumen HTML baru dengan kode 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 seperti gambar berikut
- Kita akan mencoba mengubah penampilan teks judul artikel dengan menyisipkan kode CSS pada bagian header.
<head>
<title> Latihan3</title>
<Style>
H3 {font-family:arial}
</style>
</head>
- Pada bagian tag <h3> berarti kita akan menggunakan font arial. Skrip ini harus berada tag <style> dan </style> agar dikenali oleh web browser sebagai CSS.
- Simpan kembali lalu buka dengan web browser, maka jenis font yang digunakan pada header menjadi Arial
0 Comment to "Header Style part 1 (CSS)"
Post a Comment
Jika ada pertanyaan, link mati, dan ucapan terima kasih, silahkan isi di kotak komentar...