Tugas kali ini mengedit tugas ke 2 kemarin menggunakan CSS. untuk sourcenya sendiri bisa dilihat dibawah ini
hasilnya kurang lebih seperti ini
berikut source htmlnya
<html>
<head>
<title>Pendaftaran</title>
</head>
<style type="text/css">
.ds {
font-family:arial;
color:blue;
}
.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="kampus4.png" height="300"width="950"></td>
</tr>
<tr>
<td colspan="2" bgcolor="A31E39"></td>
</tr>
<tr>
<td width="200px" bgcolor="blue">
<ul>
<li>Beranda</li>
<li>Kontak</li>
<li><font color="red">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">© Fajar aji saputro | Teknik Informatika Universitas Ahmad Dahlan</td>
</tr>
</table>
</font> </center>
</body>
</html>
dan berikut hasilnya
hasilnya kurang lebih seperti ini
berikut source htmlnya
<html>
<head>
<title>Pendaftaran</title>
</head>
<style type="text/css">
.ds {
font-family:arial;
color:blue;
}
.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="kampus4.png" height="300"width="950"></td>
</tr>
<tr>
<td colspan="2" bgcolor="A31E39"></td>
</tr>
<tr>
<td width="200px" bgcolor="blue">
<ul>
<li>Beranda</li>
<li>Kontak</li>
<li><font color="red">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">© Fajar aji saputro | Teknik Informatika Universitas Ahmad Dahlan</td>
</tr>
</table>
</font> </center>
</body>
</html>
dan berikut hasilnya
