1. Buka Text Editor seperti Notepad,dreamweaver dan lain sebagainya.
2. pertama tuliskan kode html berikut ini.
# <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Membuat form Pendaftaran</title>
<link rel="stylesheet"" href="style.css">
</head>
<body>
<h3>Daftar</h3>
<Div class="aa">
<form method="action" mailto="iqbalriztkj48@gmail.com">
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" size="30"></td></tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" size="30">
<select value="email"><option>@gmail.com</option>
<option>@gmail.co.id</option>
<option>@yahoo.com</option>
<option>@yahoo.co.id</option>
</select>
</td>
</tr>
<tr>
<td>Kelamin</td>
<td>:</td>
<td><select name="kelamin" value="sex">
<option>Laki-Laki
<option>Perempuan
<option>Lainnya</option></td>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" size="30"></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea cols="30" rows="5">Masukan alamat dengan Lengkap</textarea></td>
</tr>
</table><br>
<input type="checkbox"> Saya setuju dengan persyaratan yang di ajukan<br><br>
<input type="submit" class="submit" value="daftar" cols="30"></form></div></div>
</body>
</html>#
Note: - Hapus Tanda #.
- "<link rel="stylesheet"" href="style.css">" digunakan untuk menyambungkan ke file CSS.
Lalu save dengan nama terserah anda misal, index.html
Berikut Hasilnya:
3. Tuliskan kode CSS Berikut di text editor
# @charset "utf-8";
/*Form Pendaftaran */
.submit {
background-color: #FF0066;
border: 1px;
border-radius: 5px;
padding-bottom: 5px;
margin-top: 5px;
padding-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
font-weight: bold;
}
.aa {
border: 4px;
background-color: #CCCCCC;
border-radius: 10px;
width: 450px;
}
h3 {margin-bottom: 2px;
background-color: #FF0066;
width: 75px;
border: 4px;
border-color:#FFFFFF;
border-radius: 5px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
body {
background-image:url(background.gif)
}#
Setelah selesai menulis kodenya simpan dengan style.css
Note:
-Hapus Tanda #
-File html dan css harus satu folder atau bisa juga di lain folder dengan catatan alat file css
lebih spesifik contoh : E:\SCHOOL\TKJ\Pemograman Web\css\Submit\style.css
Hasilnya :
Berikut Gamabar Untuk Backgroundnya:
Sekian yang bisa saya sampaikan.
Wassalamu'alaikum Wr Wb.
Can I make money with online casinos in your country?
BalasHapusCan I earn หาเงินออนไลน์ money with online casinos 인카지노 in your country? 제왕카지노 — How is online gambling in the USA? There are three main types of casinos. Here are the