Assalamualaikum Wr Wb.
kali ini saya meng-edit web saya yg lalu agar lebih menjadi berwarna dan belajar menambahkan dengan css
berikut screenshot hasil nya:
berikut ini coding nya :
<html>
<head>
<title>FORM PENDAFTARAN</title>
<link rel="stylesheet" type="text/css" href="isicss.css">
</head>
<body bgcolor="#7D7C9F"><center>
<table width="800" height="auto" border="1">
<tr>
<td colspan="2"><img src="uad.jpg" width="1000" height="500" /></td>
</tr>
<tr id="kolompertama">
<td width="auto">
<ul>
<li><a href="">HOME</a>
<li><a href="">ARTIKEL</a>
<li><a href="">PENDAFTARAN</a></ul></td>
<td width="auto"><table>
<form action="infut.php" method="post">
</form>
<tbody>
<tr>
<td valign="top" width="auto">Nama</td>
<td width="auto"><input id="nama" name="nama" placeholder="Masukan nama anda" type="text" /></td>
</tr>
<tr>
<td valign="top">Username</td>
<td><input name="username" placeholder="Masukan username" type="text" /></td>
</tr>
<tr>
<td valign="top">Password</td>
<td><input name="password" placeholder="Password" type="password" /></td>
</tr>
<tr>
<td valign="top">Email</td>
<td><input name="email" placeholder="Masukan email" type="email" /></td>
</tr>
<tr>
<td valign="top">No HP</td>
<td><input name="No HP" placeholder="Masukan nomor HP" type="text" /></td>
</tr>
<tr>
<td valign="top">Jenis Kelamin</td>
<td><input name="l" type="radio" />
Pria<br />
<input name="p" type="radio" />
Perempuan </td>
</tr>
<tr>
<td valign="top">Tanggal Lahir</td>
<td><input name="text" type="text" style="width: 25px;" placeholder="dd" />
<input name="text" type="text" style="width: 25px;" placeholder="mm" />
<input name="text" type="text" style="width: 50px;" placeholder="yyyy" /> </td>
</tr>
<tr>
<td valign="top">Kota</td>
<td><select name="select">
<option>Yogyakarta</option>
<option>Denpasar</option>
<option>Serang</option>
<option>Tangerang</option>
<option>Bengkulu</option>
<option>Gorontalo</option>
<option>Jakarta</option>
<option>Sungai Penuh</option>
<option>Jambi</option>
<option>Bandung</option>
<option>Bekasi</option>
<option>Bogor</option>
<option>Cimahi</option>
<option>Cirebon</option>
<option>Depok</option>
<option>Sukabumi</option>
<option>Tasikmalaya</option>
<option>Banjar</option>
<option>Magelang</option>
<option>Pekalongan</option>
<option>Purwokerto</option>
</select> </td>
</tr>
<tr>
<td valign="top">Biografi</td>
<td><textarea name="textarea" cols="30" rows="5" placeholder="isilah biografi singkat anda"></textarea></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" value="KIRIM" /></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td colspan="2" id="footer"><marquee>ILHAM FAJAR 1600018040</td>
</tr>
</center>
</table>
</body>
</html>
ini coding isi css nya:
#body {
background-color:7D7C9F;
}
#kolompertama {
background-color:AAF200;
}
#footer {
background-color:red;
}
Tidak ada komentar:
Posting Komentar