jadi pengen ikutan nulis tips ,boleh ?
mungkin agak sedikit ke dasarnya ...
moga2 membantu yang baru belajar
CSS seperti saya ..
Tips #2.1 ( not daily :)
----------------------
Ada apa di balik tag <DIV> dan tag <SPAN> ??
kedua tag diatas sama 2 berfungsi untuk mengatur Struktur
dokumen HTML anda , tapi ada bedanya :
si <DIV> adalah ELEMEN BLOK sedangkan si <SPAN> adalah elemen inline.
maksudnya gimana ?? gini ..
1. DIV , si elemen Blok
- diantara elemen <DIV> dan </DIV> ( tag penutupnya )
bisa diselipkan elemen blok dan elemen inline laen..
elemen dalam tag DIV akan dimulai oleh browser di baris baru sehingga
browser akan menyelipkan satu spasi sesudah <DIV> dan sebelum
</DIV>
attributnya :
------------
id, class (document-wide identifiers)
lang (language information), dir (text direction)
title (element title)
style (inline style information)
align (alignment)
onclick, ondblclick, onmousedown, onmouseup,
onmouseover, onmousemove, onmouseout, onkeypress,
onkeydown, onkeyup (intrinsic events)
gunanya , selain spt disebutkan di Tips sebelumnya untuk CSS, lewat attribut
class, juga semua elemen di dalam tag DIV akan mempunyai sifat yang sama ,
misal :
<DIV align="CENTER"> <P>ini paragraf 1, di tengah</P>
<P><img src="images/img1.gif"></P>
<P>ini paragraf 2 di tengah juga ..</P> </DIV>
jadi sedikit ngirit nulisin attribut CENTER buat 3 paragraf , kira2 begitu
..
2. SPAN , si elemen inline
- diantara elemen <SPAN> dan </SPAN> ( tag penutupnya )
hanya bisa diselipkan elemen inline laen
browser akan memulai isi tag SPAN bukan di line baru jadi
tanpa spasi sesudah dan sebelumnya
Attributnya si SPAN --
id, class (document-wide identifiers)
lang (language information), dir (text direction)
title (element title)
style (inline style information)
align (alignment)
onclick, ondblclick, onmousedown, onmouseup,
onmouseover, onmousemove, onmouseout, onkeypress,
onkeydown, onkeyup (intrinsic events)
si SPAN mirip cara kerjanya dengan si DIV , bedanya yang utama
adalah SPAN digunakan untuk mencantumkan informasi Style-Sheet
CSS) dalam bagian yang lebih besar <DIV>
misal:
<DIV align="center">bawa perhatian pembaca anda <span
style="font-amily:"Courier New", Courier, mono; color: #339900;
background-color: #FFFF66"> KESINI</span> , lalu kembali lagi seperti yang
lain</DIV>
Menggunakan kedua tag ini , dapat memungkinkan anda mengurangi penggunaan
nested table ( tabel dalam tabel) yang terlalu banyak , sehingga akan
mempercepat loading halaman HTML anda.
ada baiknya belajar dasarnya sebelum berlanjut ke tips2 yang susah2 :),
jadi paling nggak kalo tiba2 editor HTML WYSIWYG yang nakal seperti si 'FP'
nambah2 SPAN ato DIV ... anda tidak jadi korban ulah mereka ..
Semoga bermanfaat ...
Doni Yudono, Editor
[ http://www.toekangweb.or.id ]
Pengamat Web Design
-= Dual T3 Webhosting on Dual Pentium III 450 - www.indoglobal.com =-
To unsubscribe, e-mail : [EMAIL PROTECTED]
To subscribe, e-mail : [EMAIL PROTECTED]
Netika BerInternet : [EMAIL PROTECTED]
