Sunday, December 9, 2012

Cara Menggunakan CSS

By Ahmad Lukman Nulhakim 1:49 PM 6 comments
Assalamau'alaikum, Wr. Wb
Selamat pagi sobat komputermedia alhamdulillah pagi ini komputermedia dapat memposting kembali hal yang berkaitan dengan pemrograman web, yang mana sebelumnya komputermedia memposting mengenai Mengenal keuntungan dan berbagai macam versi CSS. Ok langsung saja.

Untuk menggunakan CSS setidaknya ada 3 cara yang dapat kita gunakan, Yaitu diantaranaya : Embedded Style Sheet, Inline Style Sheet dan Linked Style Sheet. 

A. Embedded Style Sheeet
Seperti apa sih Embdded Style Sheet ?....
Embdded Style Sheet merupakan cara penulisan kode, dimana penulisan CSS nya dilakuka pada tag html, yaitu pada tag
<style> .......... </style>
dan sebelum tag
<body>
pada tag tersebut akan disisipkan kode CSS yang akan digunakan oleh tag HTML. format dasar nya seperti ini :
<style>
<!-- Atribut CSS -->
</style>
Untuk lebih jelasnya mari kita buat skrip nya, simpan dengan nama Embeddestylesheet.html yah.
tuliskan code berikut :
<! DOCTYPE HTML>
<html>
<head>
<title>Embedded Style Sheet</title>
</head>
<style>
    body {
background: #999999;
}
h1 {
font-size: 18 pt;
color: #FF0000;
}
P {
color:red;
font-weight: bold;
text-decoration: underline;
}
</style>
<h1> Belajar pemrograman web </h1>
<p> Komputer Media </p>
<p> Dunia maya berbagi nyata </p>
</body>
</html>
Untuk screenshoot nya lihat dibawah

Untuk selanjutnya Inline Style Sheet, akan nanti dibahas pada postingan berikutnya.
Terimakasih.
Semoga bermanfaat.
Wassalamu'alaikum, Wr. Wb.
If You Enjoyed This, Take 5 Seconds To Share It

6 comments: