Cataloged AutobiographyBERKENAAN SAYA
Hello. Saya adalah self-taught web designer yang banyak menghabiskan masa meneroka penggunaan CSS dan HTML. Blogging hanyalah hobi. Teruskan membaca..
The Readable Journal
MENEROKA ARTIKEL
Teroka artikel berhubung dengan tutorial, contoh dan penggunaan CSS dan HTML dalam web design di ruang ini. Web design menyeronokan. Ke tutorial...Klik sini
Astrolab Tool
KATEGORI ARTIKEL
Suatu sistem yang berfungsi untuk membantu menjelajahi topik-topik terkait dan menyenaraikan pelbagai sub-bahagian artikel...Klik sini



SPAN DAN DIV
September 6, 2008
Posted by: Fauzie


Pada dasarnya, HTML adalah berhubung dengan "tag" untuk memberi makna dalam sesuatu "content" atau isi webpage tersebut. Sebagai contoh tag p untuk perenggan dan h1untuk heading


Tetapi tag span dan div yang banyak digunakan dalam CSS sebenarnya tiada mempunyai makna. Tag ini hanya untuk menunjukkan sesuatu kumpulan HTML sahaja.

Perbezaan diantara span dan div ialah, span merupakan element dalam satu barisan (in-line element) dan biasanya digunakan untuk menunjukkan satu kumpulan kecil HTML.

div (bermaksud division) merupakan element dalam satu barisan blok (block-line element) dan digunakan untuk satu kumpulan besar HTML (to group larger chunk of code).

Di bawah ini ialah satu contoh mudah penggunaan div :

Lihat teks berikut yang menggunakan 2 pendekatan <div style="color: maroon;">
<h4>This is a header in a div section</h4>
<p>This is a paragraph in a div section</p>
</div>


Di bawah ini adalah contoh yang akan anda dapat dengan menggunakan tag div di atas:

Lihat teks berikut yang menggunakan 2 pendekatan

This is a header in a div section


This is a paragraph in a div section




klik sini untuk kembali ke kandungan tutorial