1.

Field teks dan password

a. Kode program

b. Hasil program

Analisi
s : pada gambar di atas kita menggunakan tag <form> dan kebawahnya
menggunakan tag <input type=”checkbox> dimana berfungsi untuk membuat
sebuah kotak yang berduna untuk field teks maupun pasword

2. Checkbox dan tombol radio

a. Kode program

b. Hasil program\

Analisis : Pada latihan ini menggunakan atribut check box dan tombol radio sama
halnya seperti di atas namun disini ada perbedaan dari segi hasil, pada latihan 2
ini seperti kita mau list barang maupun lainnya.

3. Kotak drop down dengan nilai default

a. Kode program

b. Hasil program

Analisis : atribut kotak drop down sedikit sama juga dimana awalan kita memakai
tag <form> di lanjut <select name/value> sehingga temen-temen bisa melihat
hasilnya seperti hasil program di atas.
4. Tombol dan fieldset
a. Kode program

b. Hasil program

Analisis : sama seperti latihan sebelumnya yaitu kita mengatur size kotak baik
nama ataupun lainya namun pada tombol dan fieldset ini kita menggunakan tag
<filedset> <legend> dan kalian bisa menambahkan atribut lainya.

5. Form dengan field input dan tombol submit

a. Kode program

b. Hasil program

Analisis : latihan kelima ini kita memakai atribut form dengan filed input dan
tombol submit dengan menggunakan tag <form name=’input”> dan hasilnya bisa
kalian lihat pada gambar di atas.

6. Mengirim e-mail dari suatu form

a. Kode program

b. Hasil program

Anali
sis : Dalam HTML juga dapat menciptakan sebuah kiriman e-mail dari suatu form
dengan tag yang sama seperti di atas hanya saja pada latihan ini kita
menambahkan value untuk nama dan size untuk ukuran kotak pada suatu nama
tersebut.
7. Menyisipkan gambar latar belakang dan depan
a. Kode program

b. Hasil program

Analisis : seperti yang anda lihat di atas kita menyisipkan gambar latar belakang
dan depan namun di sana saya tidak memanggil gambarnya jadi hasilnya tidak
kelihatan, jadi buat teman-teman coba masukan gambarnya maupun link
gambarnya.

8. Mengatur posisi gambar

a. Kode program

b. Hasil program

Analisis : gambar dalam web juga bisa di atur posisinya sesuai dengan yang kita
mau, gambar mau di depan, di belakang, di atas, di bawah teks bisa dengan
menggunakan tag sperti kode program di atas.

9. Menampilkan teks alternatif untuk gambar

a. Kode program
 b. Hasil program

Analisis : latihan kesembilan ini kita membuat teks alternatif untuk gambar say
tidak akan membahas terlalu panjang, jadi teman-teman bisa lihat pada kode
program di atas dan hasil programnya.

10. Membuat Hyperlink pada gambar dan Image Map

a. Kode program

b. Hasil program

Analisis : latiha ini mengandung hyperlink dan image map jadi teman-teman harus
mempunyai link map nya dengan menyalin dan menempelkan pada kode program.

11. Latar belakang dengan warna teks yang sesuai

a. Kode program

b. Hasil program

Analisis : latihan kesenelas atau latihan kedua terakhir ini kita membuat
background dan teks yang cocok dalam artian si teks bisa di lihat oleh mata kita
saran saja sebaiknya kalian menggunakan background gelap dan teks terang atau
sebaliknya.

12. Latar belakang dengan warna teks yang buruk

a. Kode program
b. Hasil program

Analisis : sebelumynya kita ucapkan alhamdulilah karena kita berada pada latihan
terkahir di modul ketiga ini, jadi saya disini hanya mencontohkan saja
bahwasanya background yang terang (putih) dengan teks (kuning) itu tidak cocok
di lihat oleh mata kita.s