1 MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang2 Pertemuan Tujuan : 1. Mahas...
Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah – perintah HTML 2. Mahasiswa dapat membuat beberapa halaman website sederhana 3.2 Materi : 1. Tabel 2. Tag – tag Tabel 3. Form 4. Tag Input Form 5. Tag Select atau Daftar 6. Tag Isian Form 3.3. HTML Forms Pada saat membuat form anda bisa meletakkan control -control pada form untuk memperbolehkan inputan dari user . semua control biasanya di letakkan di antara tag tapi anda juga bisa meletakkan control diluar tag tersebut. Untuk menambahkan control gunakan tag . Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: 1. memperoleh data-data user baik nama, alamat dan data lainnya 2. memperoleh informasi pembelian secara online 3. memperoleh feedback dari user mengenai website anda Pada dasarnya tag Attribute Method memiliki dua nilai, yaitu POST dan GET. Method GET berfungsi untuk mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL(Uniform Resource Locator) yang ditunjuk. Method POST berfungsi untuk mengirimkan datanya secara terpisah. Jika data masukkan terlalu banyak, disarankan menggunakan method POST. Attribut ACTION berisi URL dari program / dokumen yang berisi scripting yang dipanggil oleh form tersebut.
Untuk tag yang atribut TYPE-nya text memiliki atribut lainnya yaitu: 1. NAME menamai kotak 2. VALUE menandai atau menampung teks 3. SIZE mengatur ukuran teks pada kotak 4. MAXLENGTH menentukan panjang maksimum teks Contoh Syntax : TextBox CheckBox RadioButton Submit Button Reset Button 3.3.2 HTML Select & HTML Isian Selain tag masih ada tag lain yang biasa digunakan dalam form yaitu tag <select> Dan
3.4 LATIHAN PRAKTIKUM
3.4.1 PENGGUNAAN TABEL 1. Tag-tag yang digunakan :
untuk pembuatan tabel, dengan atribut BORDER utk memberi bingkai.
menentukan judul tabel
membuat baris dalam tabel
membuat judul kolom
membuat sebuah sel data
2. Penggabungan sel dengan tag dan a. Atribut ROWSPAN ditempatkan pada tag
3. Pengaturan jarak dalam tabel : CELLSPACING mengatur jarak bagian sel terhadap tepi dalam bingkai tabel. CELLPADDING mengatur jarak teks terhadap tepi kiri.
