Teknik informatika: Tugas Modul2(Desain Web)

MODUL 2

( FORM + TABLE)

HTML Form

Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.

Text Field

Input yang digunakanakanberupakotak text

$D:\semester02\desain web\modul02\GAMBAR\1.png$

Password Field

Password field adalahkotak yang ketikaandamenuliskan password disitumaka huruf akan diganti dengan symbol lingkaran untuk melindungi tulisan password yang diketik.

$D:\semester02\desain web\modul02\GAMBAR\2.png$

Radio Button

Digunakanuntukmemilihinputanhanyasatupilihansaja. Contoh: Jeniskelamin

$D:\semester02\desain web\modul02\GAMBAR\3.png$

Drop Down List / Combo box

$D:\semester02\desain web\modul02\GAMBAR\4.png$

Check box

Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari satu pilihan .

$D:\semester02\desain web\modul02\GAMBAR\5.png$

Submit Button

<input type="submit">mendefinisikansebuah submit button.

$D:\semester02\desain web\modul02\GAMBAR\6.png$

Text Area

Text Areaseperti text field namun bedanya adalah text area dapat terdiri dari beberapa line/baris dan kolom

$D:\semester02\desain web\modul02\GAMBAR\7.png$

HTML Tables style

$D:\semester02\desain web\modul02\GAMBAR\8.png$

HTML Table dengan attribute Border dan Width

Penggunaan border padagambar 2.10, digunakan untuk memberi kangaris di sekitar table sedangkan style=”width 100%” menunjukkan lebar table tersebut adalah 100% darilebar pixel layar monitor yang digunakan saat membuka browser.

$D:\semester02\desain web\modul02\GAMBAR\9.png$

HTML Table dengan span row (menggabungkan beberapabaris)

Gunakan attribute rowspan = “ banyakbaris>” untuk menggabungkan beberapa baris dari tabel.

$D:\semester02\desain web\modul02\GAMBAR\10.png$

HTML Table dengan span column (menggabungkan beberapa kolom)

Gunakan attribute colspan = “ banyak kolom ” untuk menggabungkan beberapa baris dari tabel.

$D:\semester02\desain web\modul02\GAMBAR\11.png$

HTML Table dengan caption / judul

Gunakan tag caption/caption untuk membuat judul pada table Tag <caption..</caption>harusdimasukkansetelah tag <table>.

$D:\semester02\desain web\modul02\GAMBAR\12.png$

HTML Table dengan background color

Penggunaan attribute bgcolor dapat menggunakan bilangan hexa atau dengan namawarna yang sudahumumseperti “Red”, “Yellow”, Green”, “Light Green”, dan lain-lain.

$D:\semester02\desain web\modul02\GAMBAR\13.png$

Teknik informatika

Jumat, 29 April 2016

Tugas Modul2(Desain Web)

Tidak ada komentar:

Posting Komentar