Tugas Pemrograman Web 2
<!DOCTYPE html>
<html>
<style>
<head>
<meta charset ="utf-8">
<title>Pemesanan Tiket Kereta Api</title>
</head>
h1{
margin-bottom: 30px;
font-color: blue;
}
img{
float:left;
img-align:left;
margin: 50 px;
width: 200 px;
height: 100 px auto;
padding-left: 100px;
}
label {
display: inline-block;
width: 40%;
}
tabel{
padding: 10px;
border: solid black;
}
th{
border: 1px solid black;
padding: 5px;
}
form{
max-width: 400px;
margin: 40px auto;
}
button {
background-color: gray;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
<body>
<img src="pt kai.png" style="width:150px;height:80px;"></img>
<header>
<td colspan="2" align="center">
<h1>Selamat Datang !!!</h1></td>
</header>
<form>
</br></br></br>
<label>Nama kereta </label><input type="text" name="namakrt">
<br>
<label>Tanggal berangkat </label><input type="date" name="tglbrkt">
<br>
<label>Tanggal tiba </label><input type="date" name="tgltiba">
<br>
<label>Jam berangkat </label><input type="time" name="jambrkt">
<br>
<label>Jam tiba </label><input type="time" name="jamtiba">
<br>
<label>Dari </label><input type="text" name="dari">
<br>
<label>Ke : </label><input type="text" name="ke">
<br>
<label>Kelas : </label><select name="kelas">
<option value="Bisnis">Bisnis</option>
<option value="Eksekutif">Eksekutif</option>
<option value="Ekonomi">Ekonomi</option>
<br>
<br>
<label><button type="button">Simpan</button>
<button type="button">Batal</button></label>
</form>
</body>
</html>
<html>
<style>
<head>
<meta charset ="utf-8">
<title>Pemesanan Tiket Kereta Api</title>
</head>
h1{
margin-bottom: 30px;
font-color: blue;
}
img{
float:left;
img-align:left;
margin: 50 px;
width: 200 px;
height: 100 px auto;
padding-left: 100px;
}
label {
display: inline-block;
width: 40%;
}
tabel{
padding: 10px;
border: solid black;
}
th{
border: 1px solid black;
padding: 5px;
}
form{
max-width: 400px;
margin: 40px auto;
}
button {
background-color: gray;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</style>
<body>
<img src="pt kai.png" style="width:150px;height:80px;"></img>
<header>
<td colspan="2" align="center">
<h1>Selamat Datang !!!</h1></td>
</header>
<form>
</br></br></br>
<label>Nama kereta </label><input type="text" name="namakrt">
<br>
<label>Tanggal berangkat </label><input type="date" name="tglbrkt">
<br>
<label>Tanggal tiba </label><input type="date" name="tgltiba">
<br>
<label>Jam berangkat </label><input type="time" name="jambrkt">
<br>
<label>Jam tiba </label><input type="time" name="jamtiba">
<br>
<label>Dari </label><input type="text" name="dari">
<br>
<label>Ke : </label><input type="text" name="ke">
<br>
<label>Kelas : </label><select name="kelas">
<option value="Bisnis">Bisnis</option>
<option value="Eksekutif">Eksekutif</option>
<option value="Ekonomi">Ekonomi</option>
<br>
<br>
<label><button type="button">Simpan</button>
<button type="button">Batal</button></label>
</form>
</body>
</html>
Komentar
Posting Komentar