Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

 Penggunaan format table di HTML  Koleksi input dalam Form beserta fields komponennya (Submit & Reset Buttons, Text Input, Radio Buttons, Check Boxes,

Presentasi serupa


Presentasi berjudul: " Penggunaan format table di HTML  Koleksi input dalam Form beserta fields komponennya (Submit & Reset Buttons, Text Input, Radio Buttons, Check Boxes,"— Transcript presentasi:

1  Penggunaan format table di HTML  Koleksi input dalam Form beserta fields komponennya (Submit & Reset Buttons, Text Input, Radio Buttons, Check Boxes, Text Areas, Selections fields, dan Hidden Fields)  Penggunaan Methoda POST dan GET dalam Form HTML dan URL

2 Format Table di HTML Table tag :  : tag table  : baris  : cell  : table header  : judul table Atribut :  Width: Lebar ukuran table  Height: Tinggi ukuran table  Cellspacing: jarak antar cell  Cellpading: jarak isi cell ke batas cell  Border: ukuran tebal garis cell  Align: rata letak text secara horizontal  VAlign: rata letak text secara vertical  Rowspan: grouping cell sebaris  Colspan : grouping cell sekolom

3 Format Table di HTML Satuan Width: SuffixValue px, [none]pixels ptpoints pipicas ininches cmcentimeters mmmillimeters emem units %percent of screen width Sample : Cell A1 Cell B1 Cell C1 Cell A2 Cell B2 Cell C2

4 Table di HTML

5 Form Sebagai media untuk koleksi lenbar form (inputan bagi user) dalam HTML …  ACTION : URL yg dituju yg akan menerima informasi form  METHOD: bagaimana informasi dikirim ke script, POST : informasi form dikirim secara tersendiri dari URL (dlm body protocol HTTP). GET: informasi form dikirim dengan diletakkan di akhir URL. Sample : Ini text dalam form

6 Table di HTML

7 Field Input dlm Form TEXTAREA … SELECT.. INPUT : Text Password Checkbox Radio Hidden Reset Submit button

8 TEXTAREA NAME: nama textarea ROWS: jml baris yg terlihat COLS: lebar kolom dalam karakter Default text untuk text area diletakkan diantara default Sample : Default text

9 TEXTAREA

10 SELECT NAME: nama SIZE: jml pilihan MULTIPLE: pilihan bisa lebih dari satu Tag Option :  value  Selected Sample: Akuntasi Management Ekonomi Universitas Indonesia Universitas Gajah Mada Universitas Pajajaran

11 SELECT

12

13 INPUT NAME: nama input SIZE: ukuran panjang text MAXLENGTH: maksimal karakter yg bisa dimasukkan VALUE: isi default CHECKED: default check TYPE: text, password, checkbox, radio, hidden, reset, submit, button Sample : Apakah Lulus?. Hitam Putih Biru

14 INPUT

15 KOMBINASI FORM DAN TABLE Untuk meletakkan dan format tampilan yg bagus dan sesuai, maka Form dan table HTML bisa saling dikombinasikan Sample : Nama : Alamat : Password : Jenis kelamin: Pria Wanita Hobi: Sepakbola Bulutangkis Komputer Permainan video Internet

16 Form dan Table


Download ppt " Penggunaan format table di HTML  Koleksi input dalam Form beserta fields komponennya (Submit & Reset Buttons, Text Input, Radio Buttons, Check Boxes,"

Presentasi serupa


Iklan oleh Google