APA ITU ID,CLASS, SPAN PADA CSS

~ Diposting oleh ega di 02.58 ~
apa itu Id?
dan apa itu Class?
lalu apa pula yang dimanakan Span?

Id, class dan span adalah untuk menentukan elemen atau komponen tertentu yang diawali dengan tag HTML seperti div, td, tr dan sebagainya, selanjutnya akan dideklarasikan oleh CSS pada CSS sendiri Id ini ditulis dengan kode # (cress) sedangkan class dan span di tulis dengan . (titik)
Contoh:
#header
.header
.header_inner <-- Span

Nah sekarang, mari kita cipatapkan sebuah halaman web (blog).
Saya mengawalinya dengan menulis code html... ingat...!!! ketika kita membuat suatu halaman harus memiliki edentitas tersendiri sebagai status halaman itu. maksudnya apa? tarulah kita membuat halaman dengan menggunakan html maka harus ada pembukanya yaitu </html> nah segala sesuatu yang dibuka maka harus ditutup kembali... lalu apa penutup dari bagian ini yaitu </html> .

ok kita mulai tulis... code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> <!-- pembuka html -->
<head> <!-- pembuka head -->
<meta content=" ......................" /> (disini boleh ditambahkan meta)
<link rel=" ......................./> (sini juga boleh ditambahkan link rel atau link diluar halaman ini)

----------- nah disini anda bisa menuliskan juga CSS seperti yang banyak digunakan pada blogger ---------

<style type='text/css'>
Code CSS anda...........
</style>
</head> <!-- penutup head -->
Nah sinilah ditulis isi halaman web kita... dan awali dengan ...body... maka akan seperti dibawah:
<body>
<div id="bagian_halaman_luar"> Isi komponen </div>
</body>

</html> <!-- penutup html -->

Bila telah dibuat html seperti diatas... maka code CSS yang dapat ditulis adalah

body {
margin: ...;
paddding:...; dan seterusnya...
}

#bagian_halaman_luar {
padding:...;
margin-top:..;
margin-left:...;
width:...;
height:..; dan seterusnya...
}

Keterangan:
Nama pada sebuah komponen terserah anda menamainya apa, agar anda mudah mengklafikasikannya.
Pada bagian Isi komponen diatas dapat ditambahkan class atau span lagi sesuai kebetuhan halaman yang diciptakan.
contoh:
<div class="bagian_kanan"> XXXXXX </div>
maka cssnyapun ditulis seperti ini:
.bagian_kanan {
font-size:....;
padding:..;
background:..; dan seterusnya...
}

span sangat jarang digunakan... namun perlu juga. karena span tidak membentuk paragraf sendiri atau bagian sendiri akan tetapi langsung menyatu dengan bagian yang ada.
Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
 
© 2009 - MY LINK
IniMinimalisKah is proudly powered by Blogger