Selasa, 28 Februari 2017

Tugas 2 Pemrograman Web Kelas D

HTML & CSS Code:
<!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="http://1.bp.blogspot.com/-2s9cZJG_HFY/UJO3hmzNITI/AAAAAAAAAMk/M9ZevDExqp4/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
Read More..

Kamis, 23 Februari 2017

Tugas 1 Pemrograman Web Kelas D

HTML & CSS Code:

<html>
  <head>
    <title> Profile Name </title>
  </head>
  
  <body>
  <div align="center">
    <font face="arial" size="12" color="red">
      <br> My Biodata <br/>
    </font>
  
  <br />
  <img src="http://scontent.cdninstagram.com/t51.2885-15/s480x480/e35/15337297_368877673456565_4866624681433628672_n.jpg?ig_cache_key=MTM5ODU2NjE2MDU5MjU3MDk1Mg%3D%3D.2">
            
            <br> Nama Lengkap                        : R. Sidqi Tri Priwi<br />
        Nama Panggilan                      : Sidqi<br />
            Tempat Tanggal Lahir                 : Surabaya, 9 Agustus 1997<br />
            Alamat                                 : Marina Emas Barat 4/12, Keputih, Sukolilo, Surabaya, 60111<br />
            Agama                                  : Islam<br />
            Jenis Kelamin                       : Pria<br />
            No. HP                                  : 085289963074<br />
        Hobi                 : Baca komik, baca novel, internetan, denger musik, travelling,  makan, dll<br />
        Sosial Media             : Facebook = Sidqi Tp, Twitter = @SidqiTp, Instagram = sidqitp, Path = R. Sidqi Tri Priwi, Line = sidqitp,
                           Whatsapp = 08528993074, Ask.fm = @SidqiTp

<h3>
 Riwayat Pendidikan</h3>
<br />

        Taman Kanak-Kanak             : TK Aisyah, Sidoarjo, Jawa Timur<br />
            Sekolah Dasar                        : - SDN Pucang II, Sidoarjo, Jawa Timur (Kelas 1 SD)<br />
                           - SDS Pertiwi, Medan, Sumatera Utara (Kelas 2-4 SD)<br />
                           - SDN Kebon Baru VI, Cirebon, Jawa Barat (Kelas 5-6 SD)<br />
            Sekolah Menengah Pertama            : SMPN 1 Cirebon, Jawa Barat<br />
            Sekolah Menengah Atas              : SMAN 1 Cirebon, Jawa Barat<br />
        Perguruan Tinggi                 : Teknik Informatika ITS, Surabaya, Jawa Timur<br />
   </font>
  </body>
</html>

Hasil:

Nama : R. Sidqi Tri P.
NRP : 5115100153
Kelas : Pemrograman Web D
Read More..
Related Posts Plugin for WordPress, Blogger...