PEMPROGRAMAN WEB Part 2
Hyperlink, Image, Input Dan Form
PRAKTEK Pemrograman Web.
Disini kita akan membahas dari pembelajar PEMROGRAMAN WEB sebelumnya. (Part 1)
langsung langsung saja kebagian bagian intinya.
sebagai berikut:
1. Tag Anchor
- Digunakan untuk membuat link ke dokumen lain menggunakan atribut href.
<body>
<ahref="http://www.google.com">Kunjungi google</a>
</body>
2. Tag Image
- Digunakan untuk memuat atau menampilkan gambar ke dokumen. untuk menggunakan perlu menambah atribut src. besar kecilnya nama dan ektensi file gambar sangat berpengaruh.
Contoh:
<body>
<img src="pinguin.jpg">
</body>
3. Tag Input
- digunakan untuk membuat inputan dengan berbagai bentuk, seperti inputan teks biasa, password, checkbox, radio button, button dan file.
Contoh:
<body>\
<inputtype="text"name="nmmhs">
<inputtype="password"name="passmhs">
<inputtype="checkbox"name="nmmhs">
<inputtype="radio"name="laki-laki"
<inputtype="button"name="tombol">
<inputtype="file"name="filebros">
</body>
4. Tag Select
- Digunakan untuk membuat kontak pilihan bagi user.
Contoh:
<body>
<select name="kotak">
<option value="nilai1">Teknik Informatika</option>
<option value="nilai2">Teknik Sipil</option>
<option value="nilai3">Teknik Arsitektur</option>
<option value="nilai4">Managemen Informatika</option>
</select>
</body>
5. Tag Form
- Digunakan untuk mendefinisikan sebuah form masukkan dari pengguna. atribut yang sangat penting dalam sebuah form adalah action dan method.
Contoh:
<body>
<form action="aksi.php"method="post">
<input type="submit"value="simpan">
</form>
</body>
LATIHAN
buatlah tiga halaman web dengan ketentuan sebagai berikut:
buatlah tiga halaman web dengan ketentuan sebagai berikut:
- nama file pertama home.html
Isi dengan 1 bait puisi dan link menuju ke gambar.html dan input.html
- nama file kedua gambar.html
Isi dengan 4 gambar berbeda dan link menuju ke home.html dan input.html
- nama file ketiga input.html
Isi dengan sebuah form inputan data mahasiswa (nim,nama,alamat,jurusan,semester,IPK) dan link menuju ke home.html dan gambar
0 komentar:
Posting Komentar