- Internal
- Buka notepad
- Ketikkan script seperti berikut
- <html>
<head>
<title>CSS Internal</title>
<style type="text/css">
body{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJjfgQ7UGMUXRTl83NpaEROYPoNK9_Rq-Midnuh_xq60AmPHYRUXW7u7S8ShWI_XxMlfTBboSAOCsXebZSmK3e-N9Ke5NpWFxCJBbhq5F3m91VYaixCsQQUv0-GeG_0oHd8HlIdhmfLY/s1600/naruto-vs-sasuke-shippuden-free-208483~1.jpg); background-repeat:no-repeat;
background-color:#5cc2e9; font-family:verdana; font-size:12px; color:#0099CC;
}
#bungkus{
border:1px dotted #0099FF; background-color:#FFFFFF;
background-image:url(lipatan.jpg); background-repeat:no-repeat; background-position:top right;
margin-left:350px;
}
#judul{
font-family:Geneva; font-size:32px; color:#FF6600; font-weight:bold;
text-align:center;
}
#subjudul{
font-family:Geneva; font-size:24px; color:#FF6600; font-weight:bold;
}
#menu{
margin-left:15px;
}
#menu a:hover{
background-color:#CCFFFF; font-weight:normal;
padding:5px;
}
a:link{
color:#FF6600; text-decoration:none;
}
a:hover{
font-weight:bold;
}
a:visited{
color:#FF6600;
}
a:active{
color:#FF6600;
}
.gambar1{
width:120px; height:100px; float:left;
padding:5px;
}
.gambar2{
width:120px; height:100px; float:right;
padding:5px;
}
ul{
list-style:none;
}
li{
background-image:url(panah.png); background-repeat:no-repeat; padding:4px 0px 0px 25px;;
}
#konten{
margin:15px;
}
.teks{
text-align:justify;
}
#footer{
margin:10px 0px 0px 350px; border:1px dotted #0099FF;
padding:5px; text-align:center; color:#0099FF; background-color:#FFFFFF;
}
</style>
</head>
<body>
<div id="bungkus">
<div id="judul">Selamat Datang</div>
<div id="konten">
<img src="http://farm4.static.flickr.com/3578/3468765536_74c5c8fae2.jpg">
<br /><p class="teks">Selamat datang, di website ini saya menjelaskan semua tentang fotografi</p>
<p class="teks"> Fotografi (dari bahasa Inggris: photography, yang berasal dari kata Yunani yaitu "photos" : Cahaya dan "Grafo" : Melukis/menulis.) adalah proses melukis/menulis dengan menggunakan media cahaya. Sebagai istilah umum, fotografi berarti proses atau metode untuk menghasilkan gambar atau foto dari suatu obyek dengan merekam pantulan cahaya yang mengenai obyek tersebut pada media yang peka cahaya. Alat paling populer untuk menangkap cahaya ini adalah kamera. Tanpa cahaya, tidak ada foto yang bisa dibuat.
Prinsip fotografi adalah memokuskan cahaya dengan bantuan pembiasan sehingga mampu membakar medium penangkap cahaya. Medium yang telah dibakar dengan ukuran luminitas cahaya yang tepat akan menghailkan bayangan identik dengan cahaya yang memasuki medium pembiasan (selanjutnya disebut lensa).
Untuk menghasilkan intensitas cahaya yang tepat untuk menghasilkan gambar, digunakan bantuan alat ukur berupa lightmeter. Setelah mendapat ukuran pencahayaan yang tepat, seorang fotografer bisa mengatur intensitas cahaya tersebut dengan mengubah kombinasi ISO/ASA (ISO Speed), diafragma (Aperture), dan kecepatan rana (speed). Kombinasi antara ISO, Diafragma & Speed disebut sebagai pajanan (exposure).
Di era fotografi digital dimana film tidak digunakan, maka kecepatan film yang semula digunakan berkembang menjadi Digital ISO.
</p>
</div>
<div id="footer">Copyright @ 2012 | <a href="http://facebook.com/muh.widad">facebook</a> | <a href="http://twitter.com/Shuzaku_Sama">twitter</a></div>
</body>
</html> - Simpan hasil notepad dengan nama "CSS Internal.html". Ingat. pada kolom nama harus berekstensi .html. Jika tidak maka hasilnya akan berbeda.
- Maka hasilnnya seperti berikut
- Eksternal
- Buka notepad seperti biasa.
- Ketikkan script berikut
- <html>
- Simpan dengan nama CSS Eksternal.html.
- Buka notepad lagi
- Ketikkan script berikut
- .dropmenu {
- Simpan dengan nama "eksternal.css". Ingat harus berekstensi .css. jangan mengubah nama file css ini karena berakibat html gagal memanggil css eksternalnya.
- Maka hasilnya seperti berikut. Selesai.
Sekian laporan CSS saya. Bagi yang berminat bisa didownload pada link dibawah ini. Dan tolong beri kementar dan follow blog ini ya. Terima kasih.
Download CSS Internal dan Eksternal
Sumber