- browser
- notepad
ok gan sekarang yag kita akan pelajari adalah cara memasukan style/CSS ke dalam web kita
untuk cara memasukan style/CSS ada 3 cara, yaitu :
- dengan membuat link menuju ke style/css kita
- dengan menyisipkannya di html
- dengan memasukannya di tag html
Penjelasan :
Cara 1
dengan membuat link menuju ke style/css kita
contohnya :
<script type="text/javascript" src="http://alamatnya.com/namacssnya.css"tipe ="text/css">
Kalau dimasukan di kode html sehinggan menjadi :
<html>
<head>
<title>judul web</title>
<script type="text/javascript" src="http://alamatnya.com/namacssnya.css"tipe ="text/css">
</head><body><p>Belajar CSS di Lahzblog </p></body>
</html>
Cara 2
dengan menyisipkannya di html
contohnya :
<style type="text/css">di masukan ke HTML menjadi
html {
overflow: hidden;
}
body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
filter: alpha(opacity=100);
}
</style>
<html>
<head>
<title>judul web</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background: #000;
position: absolute;
width: 100%;
height: 100%;
filter: alpha(opacity=100);
color:#fff;
}
</style>
</head>
<body>
<p>Belajar CSS di Lahzblog</p>
</body>
</html>
Coba kalian tulis kode di atas di notepad
lalu save dengan namanya.html
caranya saat memasukan nama filenya klik all file
lalu berinama
terserahkalian.html
lalu klik kanan open with
buka dengan browser kalian
Cara 3
dengan memasukannya di tag html
Contohnya :
<p style="color:#999999 ; text-align:center ;">teksnya</p>
kode <p> adalah untuk membuat paragraf baru
di masukan ke html menjadi
<html>
<head>
<title>Judul Web</title>
</head>
<body>
<p style="color:#999999 ; text-align:center ;">teksnya</p>
</body>
</html>
Coba kalian tulis kode di atas di notepad
lalu save dengan namanya.html
caranya saat memasukan nama filenya klik all file
lalu berinama
terserahkalian.html
lalu klik kanan open with
buka dengan browser kalian