A. Pengertian
    Div adalah singkatan dari division yang berarti sebuah tag html untuk membuat suatu kelompok tertentu atau membuat suatu seksi yang bertujuan untuk pengelompokan sebuah file HTML. Tag span hampir sama dengan tag div.

B. Maksud dan Tujuan
    Maksud mempelajari taf div dan span ini digunakan untuk pembuatan pembatas antara bagian kelompok tag, seperti header, menu, footer, content, sidebar dll.


C. Pembahasan
  • CSS <div>
    Tag div dapat dibayangkan dapat sebagai container atau wadah besar yang diterapkan pada suatu blok tertentu. Kita bisa coba langsung melihat contohnya. Katakanlah kita memiliki pendefinisian huruf mengunakan CSS seperti ini.

<style>.hurufbesar {color: blue;font-family: arial;font-size: 20pt;}</style>

Kemudian kita bisa menerapkan pendefinisian CSS tersebut menggunkan tag <div> seperti ini.

<div class="hurufbesar">
Semua teks yang tertulis disini hurufnya akan sesua pendefinisian CSS di atas
</div>

    jika kedua potongan kode tersebut digabungkan, maka akan nampak hasilnya seperti gambar berikut ini:
Penerapan CSS pada tag <div>
  • CSS <Span>
Secara fungsi, span hampir mirip dengan div. keduanya berfungsi untuk membagi konten menjadi beberapa bagian yang memiliki style sendiri-sendiri. Perbedaanya adalah, span kita gunakan untuk membuat bagian yang lebih kecil dari pada div. selai itu, tidak ada penambahan baris kosong setelah tag penutup </span>. Sebagai contoh, apabila kita memiliki pendefinisian CSS seperti ini:

<span class="hurufspan">
 sebagian kecil paragraf
</span>

keduanya akan menampilkan seperti ini.
contoh tampilan penggunaan <span>
Kurang lebihnya seperti itu tentang <div> dan <span>. 

D. Kesimpulan
    Dari tutorial diatas kita bisa membuat  tampilan web kita bisa menjadi lebih tertata.

F. Refrensi
  • Buku : Buku Pintar WEB Master

TAGS : |