Snack's 1967

div style untuk membuat kolom html . Css style untuk membuat kolom html . Script mudah membuat kolom html .

Saya mulai dari membuat kolom dengan div style html atau disebut style inline .
Langsung saja buat page html . Contohnya 'tes.html' . Terus anda edit htmlnya . . . Masukan script berikut ini untuk membuat kolom .<div style="width: 200px;"><div style="float: left; width: 50px;">konten kolom 1</div><div style="float: left; width: 50px;">konten kolom 2</div><div style="float: left; width: 50px;">konten kolom 3</div><div style="float: left; width: 50px;">konten kolom 4</div><div style="clear: both;">clear</div></div>

---

Contoh

---

---

Untuk style css, nanti kalau ada permintaan dari anda

---

Ini persi cssnya . Coba juga gan

---

Langsung copas saja gan . Gampang dan mudah .
Kode css nya
internal
<style>.blok {width: 200px:} .kolom {float: left; width: 50px;} .bersih {clear: both;}</style>
external script css . Buat dahulu file ektensi .css misalnya 'style.css' lalu masukan script ini
.blok {width: 200px:} .kolom {float: left; width: 50px;} .bersih {clear: both;}

---

untuk output masukan script ini di page html
<div class="blok"><div class="kolom"></div><div class="kolom"></div><div class="kolom"></div><div class="kolom"></div><div class="bersih"></div></div>untuk output yang menggunakan external, jangan lupa script untuk memanggil css external . Ini scriptnya

<link href="http://a.a/style.css" rel="stylesheet" type="text/css">

Semoga membantu .