Untuk Tugas: Laporan Modul 2

Langkah Praktikum
Percobaan 1

Mencari gambar logo Google di internet ber-ektensi .jpg atau .png, simpan gambar tersebut dan letakkan di folder yang sama dengan file percobaan yang akan disimpan.
Mengubah nama gambar tersebut menjadi google.jpg atau google.png
Mengetikkan script berikut di dalam notepad : <html> <head> <title>Hyperlink</title> </head> <body> <h1> Ini Adalah Halaman 1</h1> <br /> Untuk pergi ke halaman 2 klik <a href='halaman2.html' target='_top'>Disini</a> <br /> Untuk pergi ke halaman Google silahkan klik gambar bawah : <br /> <a href='http://www.google.com' target='_blank'> <img src='google.jpg' width='200' height='80' alt='google'></a> <br /> Untuk melihat referensi tentang pemograman web silahkan klik teks dibawah : <br /> <a href='#referensi'><b>Lihat Referensi Tentang Pemograman Web</b></a> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <a name='referensi'><b>Referensi Pemograman Web</b></a> <br /> Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. Di sini adalah teks berisi tentang referensi pemograman web. <br /> </body> </html>
Menyimpan file dengan nama halaman1.html
Membuka kembali notepad baru. Kemudian mengetikkan script berikut : <html> <head> <title>Hyperlink</title> </head> <body> <h1> Ini Adalah Halaman 2</h1> <br /> Untuk kembali ke halaman 1 silahkan klik dibawah ini : <br /> <a href='halaman1.html' target='_top'>Kembali</a> </body> </html>
Menyimpan file dengan nama halaman2.html
Membuka file dengan nama halaman1.html menggunakan browser
Hasil:

Percobaan 2

Mengetikkan script berikut di dalam notepad: <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>
Menyimpan file dengan nama form.html
Membuka file yang sudah disimpan menggunakan browser
Hasil:

Percobaan 3

Mengetikkan script berikut di dalam notepad: <html> <head> <title>Animasi</title> </head> <body> <marquee>Teks ini berjalan</marquee> <br /> <blink>Teks ini berkedip-kedip</blink> </body> </html>
Menyimpan file dengan nama animasi.html
Membuka file yang sudah disimpan menggunakan browser
Hasil:
Teks ini berjalan
Teks ini berkedip-kedip

TUGAS

Tugas 1

Menuliskan script HTML untuk membuat gambar berjalan yang mana gambar tersebut adalah hyperlink menuju alamat www.yahoo.com (ukuran gambar 100 x 50 piksel, dan target hyperlink pada jendela yang sama)
Script HTML:
<html> <head> <title>Animasi</title> </head> <body> <marquee><a href='http://www.yahoo.com' target='_blank'><img src='yahoo.jpg' width='100' height='50'></marquee> <br /> </body> </html>
Hasil:

Tugas 2

Menjelaskan fungsi dari tag dan atribut berikut:

Untuk Tugas

Jumat, 26 September 2014

Laporan Modul 2

Tidak ada komentar:

Posting Komentar