Sedikit penjelasan tentang tag div
category : HTML
Tags: belajar HTML, HTML, tag div
Pada beberapa artikel saya sebelumnya misalnya tentang membuat layout dan membuat menu, saya selalu menggunakan tag div di kode HTMLnya, nah sebenernya apa sih gunanya tag div itu??
div itu singkatan dari division, tag ini merupakan block element yang berguna untuk menggabungkan atau membuat group tag-tag/element-element baik itu block ataupun inline element yang ada di dalam tag div itu.
Misalnya
<div id=”header”>
<h1>Judul</h1>
<p>Deskripsi</p>
</div>
Nah, tag h1 dan p yang ada di dalam tag div di atas itu menjadi satu group yang idnya itu header. Secara default, tag div yang ditulis di atas tag div yang lain, ketika ditampilkan di browser juga berada di atas tag div yang di bawahnya. Makanya ketika membuat layout tanpa tabel, di CSSnya kita memakai property float untuk membuat tag div itu berada di kanan atau kiri tag div yang lain.
Ada lagi temennya tag div, yaitu tag span. Tag span ini sama-sama membuat group tag yang ada di dalamnya, tapi karena span merupakan inline element, jadi yang di group juga cuman inline element juga…
Mas hisman, saya googling “buat table dengan css+div” dapat artikel ini. Saya mau buat posting yang ada tabelnya, tapi tidak pakai tag table, tr, dan td. Saya mau pakai tag div. Bisakah Anda membantu saya, dengan memberikan contoh kode untuk table 2 kolom dan 3 baris. saya ngeblog cuma pakai ponsel, jadi penempatan css langsung di dalam HTML. Terima kasih.
@nahrawisagita
sebelumnya saya pengen tanya nich… alasan kamu pengen buat table pake div+css apa?emangnya lebih mudah ya?
saya pernah baca kalo gak semuanya itu bisa mudah dilakukan dengan css, terkadang pake css malah bisa jadi nyusahin kita sendiri…
dalam kasus ini menurut saya lebih enak buatnya pake tag table aja… tapi klo kamu pengen pake div+css coba ke situs ini
senada dgn mas hisman,
bukannya lbh semantik pake tabel (table summary, caption, th, tr, td) kl emang ada data–format tabel yg ingin ditampilin
kl utk format mobile/small screen, bukannya enakan pake 1 kolom ya cmiiw
wah..mas tengkyu atas informasinya…
mas gi mana caranya buat tag untuk setiap artikel spti di iklan baris
good post!
Dengan css, situs web dapat lebih dioptimasi. floating memungkinkan orang melayout rancangan web yang lebih search engine-friendly, ekonomis, dengan kecepatan loading yang relatif lebih baik dari table. Namun dengan table, kita tidak perlu khawatir dengan penampilan situs kita jika di-load pada browser yang berbeda2. Melayout web dengan div yang dideklarasikan di CSS, kemudian menjadi pekerjaan yang lumayan ruwet.
Mas, bisa tolong dibahas juga mengenai penggunaan image pada web tanpa tablel. Thanks
makasih banyak mas…
saya newbie nich, perlu banyak balajar…
woooaa saya salah posting ternyata…hehe…mas gmn caranya supaya…setiap div tag yang di buat di css bisa di panggil kembali dengan cara di include di halaman lain…sehingga untuk bagian tertentu saya tidak harus lagi membuat div tag yg sama…mohon jelaskan tentang bagaimana cara meng includkan nya….maklum mas saya masih awam dalam web ….n mohon bimbingannya
mungkin kalo pakai diiv tag secara terus”san mending pakai tag “class” kan sama saja ?