MEMBUAT DAFTAR ITEM MEMBUAT LINK MEMBUAT TABEL dan

MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL dan MEMBUAT FORM

MAKSUD DAN TUJUAN � Maksud › Merapikan teks yang berupa daftar (list) dan table dengan tag HTML › Membuat halaman web terhubung dengan halaman lain (link) � Tujuan › Mahasiswa dapat membuat table dan mengatur sel- sel dalam table untuk ditampilkan dalam dokumen web › Mahasiswa dapat membuat link untuk menghubungkan halaman-halaman web

Daftar Item (List) Seringkali sebuah dokumen berisikan teks yang berupa daftar sehingga penulisannya harus ditampilkan dalam bentuk sebuah daftar item (list). Dengan menggunakan tag, halaman HTML juga dapat menampilkan teks berupa daftar (list).

Tag yang digunakan antara lain :

LINK � Untuk membuat link atau hyperlink, dapat menggunakan tag : <A HREF> …</A> � Berikut beberapa contoh script penggunaan link :

� Berikut atribut mengatur link : yang digunakan untuk

TABEL Membuat Tabel Untuk membuat table dalam menggunakan tag berikut : � halaman HTML, dapat

� Atribut-atribut untuk <TH> <TR>, dan <TD> Beberapa atribut yang digunakan dalam <TH>, <TR>, dan <TD> :

FORM � Membuat Formulir digunakan untuk memasukkan data pada halaman web. Tag yang digunakan untuk membuat Formulir yaitu tag <FORM> … </FORM>. Atribut yang penting dalam <FORM> yaitu :

Berikut ini akan diuraikan tag-tag yang biasa digunakan dalam sebuah FORM (tag-tag ini berada dalam pasangan tag <FORM> … </FORM> antara lain tag <INPUT>, <SELECT> … </SELECT>, <TEXTAREA> … </TEXTAREA>. � Tag <INPUT> yang berfungsi sebagai input data. Tag <INPUT> terdiri dari banyak tipe yang berguna untuk kotak password, kotak teks, tombol, dan lainnya. Beberapa atribut pada tag <INPUT> :

Dan Tipe yang ada dalam atribut TYPE antara lain :

� Tag <TEXTAREA> … </TEXTAREA> Tag ini dibutuhkan untuk masukan teks yang panjang. Beberapa atribut yang terdapat dalam tag <TEXTAREA>

Tag </SELECT> … </SELECT> Tag ini digunakan untuk menampilkan beberapa pilihan dengan menggunakan kotak kombo (drop-down). Untuk menampilkan daftar pilihannya dapat menggunakan tag <OPTION> dan menyertakan atribut VALUE untuk menyatakan nilai-nilai pilihan. Sedangkan untuk menyatakan nilai default (nilai bawaan pada saat halaman ditampilkan) dapat menggunakan atribut SELECTED. Seperti contoh berikut : �

� Jika dijalankan di web browser, maka nilai yang tampil secara default akan menampilkan pilihan Teknik Komputer.