Untuk materi selanjutnya dalam pembelajaran Html Dasar yaitu berupa pengenalan form dengan segala obyeknya. Pada tahap ini anda akan dikenalkan berbagai macam form yang sering dipakai dalam html. Pada tahap ini anda bukan melakukan suatu pemrosesan data, hanya pengenalan form saja. Form-form ini nantinya juga sangat berguna pada materi-materi html selanjutnya.
Selain form anda juga dikenalkan cara menampilkan gambar. Untuk itu sebaiknya anda persiapkan gambar-gambar yang akan digunakan sebagai contoh percobaan dalam materi. Bila anda ingin menampilkan gambar yang bergerak bisa menggunakan format GIF dan bila ingin gambar diam bisa menggunakan format selain format yang disebutkan tadi.
Bila anda masih dasar dalam belajar html sebaiknya baca dulu materi pertama tentang : Belajar HTML Dasar Untuk Pemula Part 1. Baiklah silakan disimak materi selanjutnya tentang html dasar untuk pemula berikut ini :
Belajar HTML Dasar Untuk Pemula Part 2
1. Field teks dan password
Perhatikan bahwa ketika Anda mengetikkan karakter-karakter dalam suatu field password, browser akan menampilkan asterisk atau bullet saja, bukannya karakter yang diketikkan.
2. Checkbox dan tombol radio
Ketika seorang pengguna memberikan klik mouse pada sebuah tombol radio, tombol tersebut terlihat diberi tanda cek, dan semua tombol lain yang berada dalam nama yang sama akan kehilangan tanda cek-nya
3. Kotak drop down dengan nilai default
4. Tombol dan fieldset
Bila tidak terlihat adanya border di sekeliling form input, browser Anda sudah terlalu lama.
5. Form dengan field input dan tombol submit
Bila Anda meng-klik tombol "Submit", Anda akan mengirim input yang dimasukkan lewat form di atas ke pemroses yang bernama form_action.asp di situs w3c.
6. Mengirim e-mail dari suatu form
7. Menyisipkan gambar latar belakang dan depan
Lihatlah, ada gambar latar belakang!
Baik file gambar dengan format gif maupun jpg dapat digunakan sebagai latar belakang HTML.
Bila gambar yang digunakan lebih kecil dari halaman situs, gambar akan ditampilkan berulang-ulang.
Sebuah gambar dari folder lokal:
Gambar dari folder lain:
Mengambil gambar dari situs lain:
8. Mengatur posisi gambar
Sebuah gambar
di antara teks
Sebuah gambar
di antara teks
Sebuah gambar
di antara teksPerhatikan bahwa default pengaturan adalah bottom (diletakkan di bagian bawah)
Sebuah gambar
di antara teks
Sebuah gambar di depan teks
Sebuah gambar di belakang teks
9. Menampilkan teks alternatif untuk gambar
Browser text-only hanya akan menampilkan teks dalam atribut "alt", yaitu Keterangan".
Perhatikan bahwa bilamana Anda membawa pointer mouse di atas gambar tersebut maka teks alternatif akan ditampilkan.
10. Membuat Hyperlink pada gambar dan Image Map
Anda dapat menggunakan gambar sebagai suatu link:
Gerakkan pointer mouse di atas gambar untuk melihat perbedaan link yang dituju:
11. Latar belakang dengan warna teks yang sesuai
Paragraf ini terlihat enak dibaca karena menggunakan kombinasi warna latar belakang dan warna teks yang sesuai.
12. Latar belakang dengan warna teks yang buruk
Paragraf ini terlihat tidak nyaman dibaca karena menggunakan kombinasi warna latar belakang dan warna teks yang tidak sesuai.
This post first appeared on Indomateriku - Kumpulan Materi Sekolah, please read the originial post: here
