Tugas PWEB Minggu 5

Mempercantik Halaman WEB Dengan CSS

<html>
<head>
<title>Pendaftaran</title>
</head>
<style type=”text/css”>
.ds {
font-family:arial;
color:red;
}
.footer {
color:red;
font-family:Times;
font-style:bold;
}

</style>
<body>
<center> <font face=”arial” size=”30px”>
<table width=”950″ cellpadding=”5″>
<tr>
<td colspan=”2″><img src=”gintama.jpg” height=”300″ width=”950″></td>
</tr>
<tr>
<td colspan=”2″ bgcolor=”A31E39″></td>
</tr>
<tr>
<td width=”200px” bgcolor=”yellow”>
<ul>
<li>Beranda</li>
<li>Kontak</li>
<li><font color=”blue”>Pendaftaran</font></li>
</ul>
</td>
<td bgcolor=”D6E4E1″>
<h3><span class=”ds”>Form Pendaftaran</span></h3>
<form action=”” method=”POST”>
<table cellpadding=”3″>
<tr>
<td>NIM</td>
<td><input type=”number” name=”nim”></td>
</tr>
<tr>
<td width=”90px”>Nama</td>
<td><input type=”text” size=”30″ name=”nama” placeholder=”nama…”></td>
</tr>
<tr>
<td>Agama</td>
<td><select name=”agama”>
<option>Islam</option>
<option>Protestan</option>
<option>Katholik</option>
<option>Hindu</option>
<option>Buddha</option>
<option>Konghucu</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type=”radio” name=”jenis_kelamin” value=”pria”>Pria</td>
<tr><td></td><td><input type=”radio” name=”jenis_kelamin” value=”wanita”>Wanita</td></tr>
</tr>
<tr>
<td>Alamat</td>
<td><textarea rows=3 cols=40 name=”alamat”></textarea></td>
</tr>
<tr>
<td>Asal Sekolah</td>
<td><textarea rows=3 cols=40 name=”asal_sekolah”></textarea></td>
</tr>
<tr>
<td colspan=”2″ align=”right”><button type=”submit”>Daftar</button></td>
</tr>
</table>
</form>
</td>
</tr>
<tr bgcolor=”c1dad6″>

<td colspan=”2″ align=”center” class=”footer”>&copy Muhamad Fikri | Teknik Informatika Universitas Ahmad Dahlan</td>

</tr>
</table>
</font> </center>
</body>

</html>

Kemudian tampilan dari web yang akan terlihat adalah seperti ini:

Sekian dan terima kasih…

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s