Penggunaan Div dalam HTML
2. Ketikkan kode seperti di bawah.
4. Save file Anda sebagai file HTML, kemudian lihat hasilnya dengan menggunakan browser.
5. Tambahkan tag <div> sebelum tag <p> dan </div> setelah tag </p>.
6. Ubah <div> menjadi <div style=”background-color:yellow”> (atau bisa diganti warna lain yang Anda suka. Untuk tutorial warna tulisan dan latar dapat dipelajari pada link berikut: link).
7. Save, kemudian lihat hasilnya menggunakan browser.
8. Buat paragraf lain setelah tag </div>.
9. Tambahkan tag <div> sebelum paragraf dan tag </div> setelah paragraf.
8. Ubah warna latar untuk <div> tersebut seperti pada langkah ke 6. Gunakan warna yang berbeda.
9. Save, kemudian lihat hasilnya menggunakan browser.
Penggunaan float
10. Ubah <div style=”background-color: … “> menjadi <div style=”background-color: … ; float:left”>. Untuk <div> yang setelahnya lakukan hal serupa, tetapi gunakan float:right, bukan float:left.
11. Save kemudian lihat hasilnya dengan menggunakan browser.
