Laporan Modul2

A. Tujuan
Mengetahui dan memahami Tag-tag dalam HTML lebih lanjut, dan mengetahui fungsi dari tag-tag tersebut
B. landasan teori Dalam mengakses

informasi dari dunia internet, pengguna akan menuju ke sebuah alamat unik internet yang disebut nama domain(Domain Name/URL – Uniform Resource Locator) dan menemukan informasi berbentuk teks, gambar, animasi, bergerak ataupun suara dalam sebuah media, yang disebut dengan website atau situs. Website ini dibuka melalui sebuah program penjelajah atau browser yang berada di sebuah komputer. Program penjelajah yang bisa digunakan dalam komputer diantaranya : IE, mozila firefox,netscape,safari,dan opera. Website atau situs dapat diartikan sebagai kumpulan halam-halaman yang digunakan untuk menampilkan formasi teks , gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat sr=tatis maupun dinamis yang membentuk suatu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). pengunjung website terkadang ingin berinteraksi dengan admin situs atau pun dengan pengunjung lain untuk berbagi informasi yang di sajikan dalam suatu halaman web. oleh karna itu, disediakan suatu tempat untuk mengisikan pesan atau pun identitas pengunjung untu diketahuai oleh admin maupun pengunjung lain. tempat tersebut sering disebut dengan form.form terdiri dari beberapa jenis masukan data, seperti berupa teks, gambat(image), password,checkbox,dan lain-lain.kemudian data-data tersebut dikirim menggunakan sebuah tombol, atau teks yang di jadikan tombol.

C. Latihan
1. skrip latihan 1

<html>
<head><title>hYPERLINK</TITLE><head>
<h1>
INI ADALAH HALAMAN 1</H>
</BR>
UNTUK PERGI KEHALAMAN 2 KLIK 
<a href='halaman2.html' TARGET ='_TOP'> DISINI </a>
</BR>
UNTUK PERGI KEHALAMAN GOOGLE SILAHKAAN KLIK GAMBAR DI BAWAH INI:
</BR>
<a href='halaman2.html' target'_blank'>
<img src='google.jpg' width='200' height='50'
alt='google'></a>
</br>
Untuk melihat refrensi tentang pemograman web silahkan klik teks dibawah ini:<br>
<a href= '#refrensi'><b>Lihat refrensi tentang pemograman web</b></a>
</BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR></BR>
<a name='refrensi'><b>Refrensi Pemograman Web</b></a>
</BR><p align="justify">
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web. 
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web.
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web.
Disini adalah teks berisi tentang pemograman web. Disini adalah teks berisi tentang pemograman web.
</p>
</br>
</body>
</html>

Hasil Latihan1

Skrip Lanjutan latihan 1 dikasih nama latihan 2

Hasil latihan2

Hasil Latihan 1 dan 2

2. Skrip latihan 2 Form

<html>
<head><title>Form</TITLE></HEAD>
<body>
<h2 align="center">
<font color="#9966FF">Free Registration</font></h2>
<form action="proses.php" method="post" name="form">
<table width="68%" border="0" align="center" cellpadding="0">
<tr>
  <td width="15%">Nama</td>
  <td width="2%">:</td>
  <td width="83%"><input name="txtNama"type="text" id="txtNama"></td>
 </tr>
<tr>
  <td>Tgl Lahir</td>
  <td>:</td>
  <td><input name="txtTgl" type="text" id="txtBulan" size="8" maxlength="4"></td>
 </tr>
<tr>
  <td>Alamat</td>
  <td> </td>
  <td><textareaini name="txtAlamat" cols="40" rows="2" id="txtAlamat"></textareaini></td>
 </tr>
<tr>
  <td>Kota</td>
  <td>:</td>
  <td><input name="txtKota" type="text" id="txtKota"></td>
 </tr>
<tr>
  <td>Pekerjaan</td>
  <td>:</td>
  <td><select name="cboJob" id="cboJob">
    <option>Tani</option>
    <option>Nelayan</option>
    <option>Karyawan</option>
   </select></td>
 </tr>
<tr>
  <td>Jenis Kelamin</td>
  <td>:</td>
  <td><input name="radJk" type="radio" value="1" checked> Laki-Laki
   <input type="radio" name="radJk" value="2"> Perempuan </td>
 </tr>
<tr>
  <td>Hobby</td>
  <td> : </td>
  <td><input name="cekReading" type="checkbox" id="cekReading" value="1"> Reading</td>
 </tr>
<tr>
  <td> </td>
  <td> </td>
  <td><input name="cekSport" type="checkbox" id="cekSport" value="2"> Sport</td>
 </tr>
<tr>
  <td> </td>
  <td> </td>
  <td><input name="cekSing" type="checkbox" id="cekSing" value="3"> Singing</td>
 </tr>
<tr>
  <td> </td>
  <td> </td>
  <td><input name="cekTravel" type="checkbox" id="cekTravel" value="4"> Traveling</td>
 </tr>
<tr>
  <td> </td>
  <td> </td>
  <td><input name="btnKirim" type="submit" id="btnKirim" value="Kirim">
   <input name="btnCancel" type="reset" id="btnCancel" value="Cancel">
 </tr>
</table>
</form>
</BODY>
</HTML>

Hasil latihan form