Latihan Frame
<html>
<head>
<title> Latihan Frame
</title>
</head>
<frameset cols=50%,50%>
<frame name="kiri"
src="pertemuan7.html">
<frame name="kanan"
src="pertemuan8.html">
</frameset>
</html>
link quis
Selasa, 15 Juli 2014
HTML Pertemuan Ke 8
Penggunaan form
<html>
<head>
<title> Penggunaan Form II
</title>
<body bgcolor="red">
<p align="center">
<marquee><i><font
face="comic sans ms" color="purple"><font
size="25">
Data
Mahasiswa</p></i></font>
</marquee>
<form>
<table border="0">
<tr>
<td> Agama </td>
<td> : </td>
<td><select name="Agama">
<option selected
value="Islam">Islam
<option
value="Kristen">Kristen
<option
value="Hindu">Hindu
<option
value="Buddha">Buddha
</select></td></tr>
<tr>
<td> Hobby </td>
<td> : </td>
<td><input type=checkbox
name=hobby value=baca>Membaca
<td><input type=checkbox
name=hobby value=olahraga>Olahraga
<td><input type=checkbox
name=hobby value=musik>Dengar Musik
<td><input type=checkbox
name=hobby value=film>Nonton Film
<td><input type=checkbox
name=hobby value=travell>Travelling
</td></tr>
</table>
<tr>
<p
align="center"><input type=Submit value=kirim>
<input type=Reset value=hapus>
</form>
</body>
</head>
</html>
HTML Pertemuan ke 7
Form
<html>
<head>
<title> Latihan Form
</title>
</head>
<body bgcolor="gold">
<p align="center">
<marquee><i><font
face="comic sans ms" color="red">
<font
size="15"color="red">
Formulir Data
Mahasiswa</p></i></font>
</marquee>
<HR>
<form>
<table>
<tr>
<td> Nama </td><td> :
</td><td> <input type="text" name="txtnama"
size="40"></td></tr>
<tr>
<td> NPM </td><td> :
</td><td> <input type="text" name="txtnama"
size="10"></td></tr>
<tr>
<td> Kelas </td><td> :
</td><td> <input type="text" name="txtkelas"
size="10"></td></tr>
<tr>
<td> Alamat </td><td>
: </td><td> <textarea
name="komentar" rows="4"
cols="25"></textarea>
</br> </textarea></td>
<tr>
<td> Jenis Kelamin
</td><td> : </td><td> <input type="radio"
name="jk" value="Pria">Laki-Laki
<input type="radio"
name="jk" value="Wanita">Perempuan </tr>
<tr>
<td><input
type="button" name="simpan" value=simpan></td>
<td><input
type="button" name="keluar" value=keluar></td>
</tr>
</table>
</form>
</body>
</html>
HTML Pertemuan ke 5 - 6
Table
<html>
<head>
<title> Membuat table </title>
</head>
<body bgcolor="pink">
<font
size="20"color="purple">
Berikut Contoh Table </font>
<br>
<table border="5">
<tr>
<td> Baris I Kolom I </td>
<td> Baris I Kolom II </td>
<td> Baris I Kolom III </td>
</tr>
<tr>
<td> Baris II Kolom I </td>
<td> Baris II Kolom II </td>
<td> Baris II Kolom III
</td>
</tr>
<tr>
<td> Baris III Kolom I </td>
<td> Baris III Kolom II
</td>
<td> Baris III Kolom III
</td>
</tr>
<tr>
<td colspan="3"> Baris
IV Kolom I </td>
</tr>
</table>
</body>
</html>
HTML Pertemuan ke 4
Penyisipan Gambar
<html>
<head>
<title> Pertemuan8 IV </title>
</head>
<body>
<font
size="20"color="green">
Latihan Menyisipkan Gambar <br>
<img src=" eunhyuk-to-temporarily-leave-strong-heart.jpg"
width="400" height="600">
</body>
</html>
Langganan:
Komentar (Atom)