BAB I
PEMBAHASAN
A.
Format Table, Form dan link Pada
HTML
Pratikum
keempat pemrograman web 1 ini masih membahas cara membuat form yang rapi,membuat table dalam table sekalilgus cara membuat link dan itu semua selalu diawali pada pembuatan struktur
html sebelumnya kemudian kami mengerjakan quis .
1.
Quis 1
Rancanglah form seperti dibawah
ini:
“Struktur htmlnya”:
<html>
<head>
<title>pertemuan_4</title>
</head>
<body bgcolor="green
red">
<table width=550px
height=550px border=1>
<tr>
<td>
<form>
<table align=center width=400px
height=400px border=1>
<tr>
<td colspan=3 align=center>login</td>
</tr>
<td>Email</td>
<td>:</td>
<td><input type=text
size=25 name=textemail></td>
<tr>
<td>pasword</td>
<td>:</td>
<td> <input type=password
size=25 name=text password></td>
</tr>
<tr>
<td colspan=3
align=center><input type=submit value=send> <input type=reset
value=cancel></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
2.
Quis 2
Rancanglah
form seperti dibawah ini:
Struktur HTMLnya sebagai berikut:
<html>
<head >
<title>pertemuan_4</title>
<style>
a{
text-decoration:none;
}
a:link{
color:black;
}
</style>
</head>
<body>
<table width=550px
height=550px border=1>
<tr>
<td>
<table
align=center width=75% height=400px border=1>
<tr>
<td rowspan=4
align=center>
<form>
<table
bgcolor="white">
<tr>
<td
colspan=3 align=center>Buku Tamu</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input
type=text size=25 name=textemail></td>
</tr>
<tr>
<td>subject</td>
<td>:</td>
<td>
<input type=text size=25 name=text subject></td>
</tr>
<tr>
<td>
Comment</td>
<td>:</td>
<td><textarea
rows="8" cols="20"></textarea></td>
</tr>
<tr>
<td
colspan=3 align=center><input type=submit value=send> <input type=reset value=cancel></td>
</tr>
</table>
</form>
</td><td><a
href=home.html>home</a></td>
</tr>
<tr
height=70px>
<td
width=15%><a href=profil.html>profil</a></td>
</tr>
<tr
height=70px>
<td><a
href=products.html>product</a></td>
</tr>
<tr
hight=70px>
<td><a
href=contact.html>contact</a></td>
</tr>
<tr>
<td
colspan=2>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
BAB II
PENUTUP
KESIMPULAN
Pada
pratikum keempat ini dapat saya simpulkan bahwa dalam pembuatan sebuah web kita
diharapkan dapat mengerti dasar pembuatan web yang mana dasar pembuatan web
tersebut yaitu struktur HTML itu sendiri dan kita juga diharapkan kita dapat
mengerti tentang tag-tag yang sudah disediakan kalau bisa kita harus
menghafalnya sehingga kita mampu membuat web yang bagus dan menarik bagi kita
dan orang yang melihatnya. Ada pun hasil pratikum keempat yang saya buat adalah
sebagai berikut:
Rancangan formnya:
Struktur HTML:
<html>
<head
>
<title>pertemuan_4</title>
<style>
a{
text-decoration:none;
}
a:link{
color:white;
}
a:hover{
color:yellow;
background-color:black;
font-size:32pt;
}
</style>
</head>
<body
bgcolor="blue">
<table
bgcolor="green" width=550px
height=550px border=1>
<tr>
<td>
<table
bgcolor="grey" align=center
width=75% height=400px
border=1>
<tr>
<td rowspan=4
align=center>
<form>
<table
bgcolor="white">
<tr>
<td colspan=3
align=center>Buku Tamu</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input
type=text size=25 name=textemail></td>
</tr>
<tr>
<td>subject</td>
<td>:</td>
<td>
<input type=text size=25 name=text subject></td>
</tr>
<tr>
<td>
Comment</td>
<td>:</td>
<td><textarea
rows="8" cols="20"></textarea></td>
</tr>
<tr>
<td colspan=3
align=center><input type=submit value=send> <input type=reset
value=cancel></td>
</tr>
<table>
</table>
</form>
</td><td><a
href=home.html>home</a></td>
</tr>
<tr height=70px>
<td
width=15%><a href=profil.html>profil</a></td>
</tr>
<tr height=70px>
<td><a
href=products.html>product</a></td>
</tr>
<tr hight=70px>
<td><a
href=contact.html>contact</a></td>
</tr>
<tr>
<td colspan=2>
<table>
<tr>
<td><img
src="tes.jpg" width="70px"
height="70px"></td>
<td><img
src="dsgc.jpg" width="70px"
height="70px"></td>
<td><img
src="IMG_20140930_072455.jpg" width="70px" height="70px"></td>
<td><img src="tes.jpg"
width="70" height="70px"></td>
<td><img
src="wrujkl.jpg" width="70px"
height="70px"></td>
<td><img
src="tyhykhj.jpg" width="70px"
height="70px"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar