Ini merupakan aplikasi atau lebih tepatnya pemrograman web dengan HTML pertama yang saya coba dan saya buat, karena memang pemrograman berbasis web merupakan hal yang asing bagi saya. Postingan ini adalah tugas kuliah Pemrograman Berbasis Web dari Dosen Pengampu Bpk Mudafiq Ryan Pratama.
Sebelum membuat form, pastikan terlebih dahulu komputer/laptop Anda sudah terpasang hal-hal berikut :
1. Internet Explore/Mozila/Google Chrom/ Web browser yang lainnya
2. Notepad / Notepad++/Editor yang lain
Karena tugas ini menggunakan fitur dari HTML5, alangkah lebih baiknya anda menggunakan web browser Google Chrom saja.
Ketikkan source dibawah dan simpan dengan format *.html
Penjelasan source code diatas adalah :
Hasil Program setelah di buka dengan web browser :
- Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
- Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML.Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
- Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file.
- Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser. Dapat disisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman
- Tag “<br>…<br>” berfungsi untuk memberi enter setelah judul dengan isi form
- Tag “<table width=80% align=center>” berfungsi untuk merapikan tampilan isi form sehingga menyerupai seperti table dengan lebar 80% dan rata tengah.
- Tag selanjutnya yang berisi Nama, Alamat, dst merupakan isi dari Form Registrasi
- Tag “<a href="http://refreshingyuk.blogspot.com">URL</a>” untuk menuju ke suatu link yang telah ditentukan.
- Khusus Tag “Kecamatan” menggunakan fungsi ComboBox
<SELECT name="kec">
<OPTION VALUE="UK">
<OPTION
VALUE="BG">Sumber Sari
<OPTION
VALUE="UK">Arjasa
<OPTION
VALUE="UK">Mayang
<OPTION
VALUE="UK">Kalisat
<OPTION
VALUE="UK">Tidakterdaftar
</SELECT>
- Tag selanjutnya untuk menambahkan button dengan type=”submit” dan value=”Kirim Data”.
Hasil Program setelah di buka dengan web browser :
Note
:Jika ada penjelasan yang salah atau kurang, mohon penambahan, kritik,
serta sarannya.
No comments:
Post a Comment