• On 04.25
                                               Hasil gambar untuk CSS

Internal Style Sheet

 Anda bisa juga menempelkan kode CSS di antara tag<head> dan </head>.hal ini disebut dengan Internal style sheet,artinya style sheetnya berada pada file html bersangkutan namun diletakan khusus pada suatu tempat yaitu di antara tag <head> dan </head>.  Penulisan CSS dengan cara ini di awali dengan tag <style> dan di akhiri dengan tag </style>

 contoh
<html>
         <head>
                 <style type="text/css" media=screen>
                        p {color:red;}
                  </style>
           </head>
        <body>
                     <p>
                              ini contoh paragraf berwarna merah
                      </p>
              </body>
</html>

     simpan dan beri nama InternalStyleCSS1.html kemudian buka menggunakan browser
  • On 04.06


Hasil gambar untuk CSS


                                                           Inline style sheet

cara ini adalah menuliskan langsung script CSS ke dalam tag HTML yang diinginkan.Cara ini sbaiknya hanya digunakan jika anda mamu memformat suatu elemen satu kali saja

contoh
<html>
         <head>
         </head>
          <body>
                    <p style="color:red">
                            ini contoh paragraf berwarna merah
                    </p>
          </body>
</html>         

kode tadi akan memformat paragraf  (tag <p>) berwarna merah

  Penulisan CSS dengan caraini dimulai dengan kata style: lalu diikuti dengan syntax property:value

contoh
<html>
      <head></head>
      <body>
            <p style="color:red"> Ini contoh paragraf berwarna merah
             </p>
            <p style="color:red"> Ini contoh paragraf berwarna merah
             </p>
            <p style="color:red"> Ini contoh paragraf berwarna merah
             </p>
         </body>
</html>

                       Copas kode di atas lalu simpan ke dalam inLineStyleCSS.html kemudia buka menggunakan browser