Pertemuan Ketiga
MATERI:
1. Memahami tag
<table>2. Mengenal tag <form>
3. Memamahi tag <img>
Pengantar
Tata letak (layout) informasi di web dapat dirancang dengan menggunakan
tabel, css, frame.
Latihan 1.
1. Aktifkan notepad
2. Ketikkan struktur html
3. Simpan dengan nama prak3.html
1. Aktifkan notepad
2. Ketikkan struktur html
3. Simpan dengan nama prak3.html
4. Aktifkan web
browser
5. Buka file prak3.html dari web browser
Rancangan gambar :
5. Buka file prak3.html dari web browser
Rancangan gambar :
Google
|
|||||||||||||
PROGRAMNYA :
<html>
<head>
<title>Pertemuan III</title>
</head>
<body bgcolor="gold">
<table border="1px"
width="85%"
align="center"
height="85%"
bgcolor="brown">
<td valign="top" align="center" colspan=6>
<font size="+5" color="blue">Google</font>
<br><br>
<form>
<input type=text size=50>
<input type=submit value=Go>
</form>
</td>
</tr>
<tr>
<td><img src=koala.jpg width="100px" height="100px"></td>
<td><img src=penguins.jpg width="100px" height="100px"></td>
<td><img src=tulips.jpg width="100px" height="100px"></td>
<td><img src=jellyfish.jpg width="100px" height="100px"></td>
<td><img src=desert.jpg width="100px" height="100px"></td>
<td><img src=lighthouse.jpg width="100px" height="100px"></td>
</tr>
</table>
</body>
</html>
<head>
<title>Pertemuan III</title>
</head>
<body bgcolor="gold">
<table border="1px"
width="85%"
align="center"
height="85%"
bgcolor="brown">
<td valign="top" align="center" colspan=6>
<font size="+5" color="blue">Google</font>
<br><br>
<form>
<input type=text size=50>
<input type=submit value=Go>
</form>
</td>
</tr>
<tr>
<td><img src=koala.jpg width="100px" height="100px"></td>
<td><img src=penguins.jpg width="100px" height="100px"></td>
<td><img src=tulips.jpg width="100px" height="100px"></td>
<td><img src=jellyfish.jpg width="100px" height="100px"></td>
<td><img src=desert.jpg width="100px" height="100px"></td>
<td><img src=lighthouse.jpg width="100px" height="100px"></td>
</tr>
</table>
</body>
</html>
Outputnya :
No comments :
Post a Comment