Rabu, 27 Juni 2012

Dasar untuk belajar CSS part1

Alat yang di butuhkan :
- 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>
</html>

Cara 2
dengan menyisipkannya di html
contohnya :

<style type="text/css">
    html {
        overflow: hidden;
    }
    body {
        margin: 0px;
        padding: 0px;
        background: #000;
        position: absolute;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=100);
    }
</style>
 di masukan ke HTML menjadi
<html>
<head>
<title>judul web</title>
<style type="text/css">
    html {
        overflow: hidden;
    }
    body {
        margin: 0px;
        padding: 0px;
        background: #000;
        position: absolute;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=100);
    }
</style>
</head>
</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 kalia

Tidak ada komentar:

Posting Komentar





VISITOR
Sidebar bottom