HTML & CSS Code:
Hasil:
Nama : R. Sidqi Tri P.
NRP : 5115100153
Kelas : Pemrograman Web D
<!DOCtype html>
<html>
<head>
<title>
Pemesanan Tiket Kereta Api Online
</title>
<style>
body {
background-color: rgb(236, 232, 229);
}
h1 {
color: rgb(104, 132, 146);
font-family: arial;
}
form {
text-align: left;
font-family: segoe ui;
font-size: 100%;
margin: 20px 500px 20px 550px;
padding: 20px;
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
#s {
background-color: rgb(54, 150, 211);
color : white;
padding: 10px;
margin: 5px 5px 0;
border: none;
}
#b {
background-color: rgb(226, 72, 8);
color: white;
padding: 10px;
margin: 5px 5px 0;
border: none;
}
#e {
background-color: rgb(4, 57, 111);
color: white;
padding: 10px;
margin: 5px 5px 0;
border: none;
}
#h {
background-color: rgb(209, 21, 19);
color: white;
padding: 10px;
margin: 5px 5px 0;
border: none;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h1><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfSLdtHfwZHhEz1_7X3MU0HozvtEuGH5UwCBNohafNlDrG573S-qUj3oU5RNK03ElBoSN6QZPonKItLNkd_bidI7Q8gEBFzC36J2sID4Hm_X0M-4wMnDT-bRWwAgt2kafaScEBTBoIhxE/s400/Logo+Kereta+Api+baru+cdr.png" style="height:50px;"> Selamat Datang !!!</h1>
<form name = "input" action = "html_form_action.asp" method = "get">
<pre>
Nama Kereta : <input type="text" name="train"><br>
Tanggal Berangkat : <input type="date" name="arrive"><br>
Tanggal Tiba : <input type="date" name="go"><br>
Jam Berangkat : <input type="time" name="dtg"><br>
Jam Tiba : <input type="time" name="pgi"><br>
Dari : <input type="text" name="asal"><br>
Ke : <input type="text" name="tujuan"><br>
Kelas : <input type="" name=""><br>
<input id="s" type="submit" value="Simpan"> <input id="b" type="submit" value="Batal">
</pre>
</form>
<table>
<tr>
<th>No.</th>
<th>Nama Kereta</th>
<th>Jadwal Berangkat</th>
<th>Jadwal Tiba</th>
<th>Dari</th>
<th>Ke</th>
<th>Harga (Kelas)</th>
<th> </th>
</tr>
<tr>
<td>1.</td>
<td>Argo Parahyangan</td>
<td>2014-04-22 - 06:00</td>
<td>2014-04-22 - 08:45</td>
<td>Gambir, Jakarta Pusat</td>
<td>Bandung, Bandung</td>
<td>Bisnis - 90.000</td>
<td> <input id="e" type="submit" value="Edit"> <input id="h" type="submit" value="Hapus"></td>
</tr>
<tr>
<td>2.</td>
<td>Argo Parahyangan</td>
<td>2014-04-23 - 13:01</td>
<td>2014-04-23 - 15:00</td>
<td>Gambir, Jakarta Pusat</td>
<td>Surabaya</td>
<td>Eksekutif - 100.000</td>
<td> <input id="e" type="submit" value="Edit"> <input id="h" type="submit" value="Hapus"></td>
</tr>
</table>
</body>
Hasil:
Nama : R. Sidqi Tri P.
NRP : 5115100153
Kelas : Pemrograman Web D
.png "English"){kind=small}
Tidak ada komentar:
Posting Komentar