. PERTEMUAN III
Materi :
1. Memahami tag <table>
2. Memahami tag <form>
Layout à letak suatu
informasi di halaman web
Tabel dapat digunakan sebagai salah satu alat untuk mendesain
web
Ilustrasi tabel:
Membuat from
LOGIN
|
|||||
User
|
________________
|
||||
Password
|
________________
|
||||
|
|||||
Tabel.8
<html>
<head>
<title>
pertemuan 3 </title>
</head>
<body bgcolor=red
topmargin="200xp">
<form>
<table border=1px
width=20% align=center>
<tr
bgcolor=white>
<td colspan=3
align=center>LOGIN</td>
</tr>
<tr>
<td>User</td>
<td><input
type=text size=25 name=txtuser></td>
</tr>
<tr>
<td
width=35%>password</td>
<td><input
type=password size=25 name=txtpass></td>
</tr>
<tr>
<td colspan=3
align=center><input type=submit value=login>
<input type=reset value=CANCEL> </td>
</tr>
</table>
</form>
<td> </td>
</body>
</html>
Latihan 1.
1. Aktifkan notepad
2. Ketikkan struktur HTML
3. Rancang tabel 4 baris 2kolom
4. Simpan kode dengan nama prak3.html
5. Aktifkan web browser
6. Buka file prak3.html dari web browser
Soal :
Buatlah kode html
untuk desain berikut ini:
|
|||||||||||||
<html>
<head>
<title>lat_2</title>
</head>
<body >
<table align=center
border=1xp width="90%" height="90%">
<tr >
<td>1</td>
<td>1</td>
</tr>
<tr>
<td >
<form>
<table border=1xp
align=center>
<tr
bgcolor=white>
<td colspan=3
align=center>LOGIN</td>
</tr>
<tr>
<td>User</td>
<td><input
type=text size=25 name=txtuser></td>
</tr>
<tr>
<td
width=35%>password</td>
<td><input
type=password size=25 name=txtpass></td>
</tr>
<tr>
<td colspan=3
align=center><input type=submit value=login>
<input type=reset value=CANCEL> </td>
</tr>
</table>
</form>
</td>
<td width=60%>1</td>
</tr>
<tr>
<td colspan=2>1</td>
</tr>
</table>
</body>
</html>
0 comments:
Post a Comment