Thursday, December 17, 2015

Pemrograman Web : Kupas Tuntas CSS (Internal/Header CSS)



  • Internal/header style seharusnya digunakan ketika dokumen tunggal mempunyai style unik. 
  • Header/internal  style berarti menuliskan skrip CSS pada header dokumen HTML, didalam bagian <head> dan </head>
  • Pendefinisian cara ini lebih dianjurkan karena lebih rapi dan pendefinisian tag cukup dilakukan satu kali
    Property dipisahkan dengan tanda koma “;”
  • Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>.
Contoh:   
     <head>
           <style type="text/css">
                        p {color:blue;}

           </style>
     </head> 

 Dalam contoh di atas semua elemen <P> dalam halaman web tersebut akan diformat  menggunakan font berwarna biru.

Contoh Program :

<html>
<head>
      <title> Latihan kedua</title>
      <style>
              h3{ font-family:arial ; color: red ;   font-style: italic}
              p{font-family: verdana; color: blue;  font-size: 12px}
     </style>
</head>
<body>
     <h3>Judul Artikel</h3>
     <p>Contoh paragraf teks</p>
     <h3>Judul Artikel Baru</h3>
     <p>Contoh paragraf teks baru</p>
</body>
</html>


No comments:

Post a Comment