Pengenalan HTML 4
Pengaturan Letak HTML
oleh: Suryo Adhy Chandra, ST
Pengaturan Letak HTML
Kalian semua pasti mengenal aplikasi Microsoft Word yang sering dipakai untuk melakukan pengetikan laporan. Ketika kita membuat penataan atau styling dalam Microsoft Word, kita bisa membagi 1 halaman menjadi beberapa bagian dengan letak dan fungsi masing-masing menggunakan tools yang namanya textbox.
Sebagai contoh pada gambar di bawah ini:
Pada gambar di atas, ada 4 bagian, yaitu:
- Textbox bagian 1
- Textbox bagian 2
- Textbox bagian 3
- Textbox bagian 4
Di dalam HTML kita bisa melakukan pembagian tersebut dengan menggunakan tag div, dengan penggunaan: <div>Texbox yang akan kita isikan</div>
Di dalam tag <div></div> bisa terdapat banyak <div></div> yang bisa disesuaikan dengan kebutuhan.
Tag <div></div> berbeda penggunaan dengan tag <p></p> yang sudah kita pelajari sebelumnya. Perbedaan ini adalah di dalam hal penggunaannya saja.
Di dalam tag <div></div> pun bisa digabungkan dengan beberapa tag sebelumnya yang sudah kita pelajari, antara lain tag <p></p>, kemudian tag <img src=''> dan tag-tag lain dalam html.
Yukkkk segera kita praktekkan!