192
Teknologi Informasi dan Komunikasi Kelas XI
Yang berarti daftar item yang digunakan untuk hardware adalah ul dan li dengan tipe bullet Square ul type=”square”
liHarddiskli liModemli
lidan lain-lainli
Sedangkan daftar item yang digunakan untuk software adalah ol, yaitu daftar item bernomor ol liWindows XPli
liNorton Utilityli liMicrosoft Officeli
lidan lain-lainli
HTML di atas akan ditampilkan pada halaman web sebagai berikut hasilnya akan sama dengan memanipulasi daftar item secara langsung pada halaman web homepage:
Gambar 3.8 Tampilan hasil manipulasi daftar item pada halaman Web
2. Manipulasi Daftar Item Secara Langsung pada Halaman Web Homepage
Manipulasi daftar item serta pengaturan propertiesnya pada halaman web homepage sama halnya dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word,
dengan langkah sebagai berikut: a.
Buatlah file dengan nama file Belajar Homepage 2 seperti pada gambar di atas. b.
Tentukan pointer sisipan tempat gambar akan disisipkan. c.
Klik Bullets and Numbering pada menu Format.
d. Ketikan text yang diinginkan. Misalnya, seperti gambar di atas.
e. Aturlah format dan posisi text agar lebih menarik.
193
Membuat Homepage Sederhana dan Interaktif
1. Manipulasi Form dengan HTML
Form adalah fasilitas yang digunakan untuk formulir isian pada halaman web homepage. Bentuk-bentuk form yang tersedia antara lain seperti berikut.
One Line text Box Sebuah baris text dari user seperti pesan, saran, dan lainnya.
Scrolling Text Box Beberapa baris text dari user seperti pesan, saran, dan lainnya.
Check Box Kotak pilihan dari sebuah daftar pilihan.
Radio Button Tombol satu pilihan dari pilhan yang tersedia.
Drop Down Menu Daftar item yang dapat dipilih dan diklik.
Push Button Tombol yang digunakan untuk menjalankan sebuah perintah.
Label Label pada sebuah halaman web.
Perhatikan HTML berikut: Untuk memanipulasi text ”Hubungi kami ...” dan ”Komentar apa ...” dapat dilakukan melalui tag-tag
kode HTML berikut.
H. Manipulasi Form
Gambar 3.9 Bentuk-bentuk Form
One Line Text Box Scrolling Text Box
Check Box
Drop Down Menu Radio Button
Push Button
Tabel 3.2 Bentuk-Bentuk Form
194
Teknologi Informasi dan Komunikasi Kelas XI
Untuk memanipulasi Radio Button dapat dilakukan melalui tag-tag kode HTML berikut.
Untuk manipulasi text ”Bagian apa saja ...” dapat dilakukan melalui tag-tag kode HTML berikut.
Untuk manipulasi Drop Down Menu dapat dilakukan melalui tag-tag kode HTML berikut.
Untuk manipulasi text ”Tulislah komentar anda ...” dapat dilakukan melalui tag-tag kode HTML berikut.