Header Style part 1 (CSS)

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>
<body>
   <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
  

Leave a Reply

Your email address will not be published. Required fields are marked *