CSS Layouting : div dan span

 

    Tag pada HTML digunakan untuk memberikan magsud/arti pada sebuah konten. misalnya p untuk paragraf, h1 untuk heading utama, dll.

    Tag <div> dan <span> tidak memiliki arti apapun, keduanya digunakan untuk mengelompokan tag-tag HTML dan dan memberikan informasi terhadap tag-tag tersebut.

contoh  :

    saya mempunyai website sederhana seperti diatas. sekarang kita kelompokan tag-tag yang kita miliki dengan div class

    jika tiap class diberi warna background maka hasilnya 

    warna background berubah perkelompok jika hanya menggunakan tag warna background berubah hanya pada tag tersebut.

    untuk span biasanya digunakan untuk memberi tanda pada text untuk diberi warna background berbeda atau diberi font-style berbeda dll. contohnya :

div memiliki defaut display block, sedangkan span memiliki default display inline.

penjelasan tentang display akan dibahas pada blog selanjutnya.