PERTEMUAN III
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
4. Aktifkan
web browser
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