TUGAS 1 PEMROGRAMAN WEB

Karina Soraya Puspitasari
05111740000003
Pemrograman Web - C

  • Source Code HTML

<!DOCTYPE html> 
<html lang="en">
<head>
  <title>Karina Soraya P</title>

  <link rel="stylesheet" href="css/app.css">
   <link rel="icon" type="image/gif" href="http://www.rw-designer.com/icon-image/
7200-256x256x32.png">  
</head>
<body>

<div id="header" >
    <h1>MY PROFILE</h1>
  <p>Karina Soraya Puspitasari</p>
</div>

<marquee bgcolor="grey">TAK KENAL MAKA TAK SAYANG, YUK KENALAN !</marquee>

<center><p style="letter-spacing: 5px; font-size: 20px">Identitas Diri</p></h5></center>
<p align="center"><img src="https://akphoto1.ask.fm/2bd/2cbc3/4359/427b/88df/12abc45b07
8f/original/68636.jpg" height="260px" width="210px"></p>
<div align="center"><table border=4>
    <tr>
        <td>Nama Panggilan</td>
        <td>Karina</td>
    </tr>
    <tr>
        <td>Jenis Kelamin</td>
        <td>Perempuan</td>
    </tr>
    <tr>
        <td>Tempat dan Tanggal Lahir</td>
        <td>Jember, 23 April 2000</td>
    </tr>
    <tr>
        <td>Berat / Tinggi Badan</td>
        <td>44kg / 157cm</td>
    </tr>
    <tr>
        <td>Hobi</td>
        <td>Travelling</td>
    </tr>
    <tr>
        <td>Alamat Asal</td>
        <td>Jl. Jambu 14-A, Patrang, Jember</td>
    </tr>
    <tr>
        <td>Alamat Surabaya</td>
        <td>Perumahan Bumi Madina Asri No.47</td>
    </tr>
    <tr>
        <td>Alamat Email</td>
        <td>Karinasoraya.ks@gmail.com</td>
    </tr>
</table></div>

<hr color=”grey” size=2>
<center><h5><p style="letter-spacing: 5px; font-size: 20px">Riwayat Pendidikan<
/p></h5></center>
<div align="center"><table border=4>
    <tr style="background-color: #C0C0C0">
        <td>Tahun</td>
        <td>Tempat Pendidikan</td>
    </tr>
    <tr>
        <td>2017-Sekarang</td>
        <td>Institut Teknologi Sepuluh Nopember</td>
    </tr>
    <tr>
        <td>2014-2017</td>
        <td>SMA Negeri 1 Jember</td>
    </tr>
    <tr>
        <td>2011-2014</td>
        <td>SMP Negeri 4 Jember</td>
    </tr>
    <tr>
        <td>2005-2011</td>
        <td>SD Negeri Jember Lor 02</td>
    </tr
    <tr>
        <td>2004-2005</td>
        <td>TK YWKA</td>
    </tr>
</table></div>
<hr color=”grey” size=2>

<center><h5><p style="letter-spacing: 5px; font-size: 20px"> Pengalaman Organisasi dan
 Kepanitiaan</p></h5></center>
<div align="center"><table border=4>
    <tr style="background-color: #C0C0C0">
        <td>Tahun</td>
        <td>Tempat</td>
        <td>Jabatan</td>
    </tr>
    <tr>
        <td>2012-2013</td>
        <td>Karate SMPN 4 Jember</td>
        <td>Bendahara</td>
    </tr>
    <tr>
        <td>2018</td>
        <td>Metallio Himasa Jember</td>
        <td>Sie Kesekretariatan</td>
    </tr>
    <tr>
        <td>2018</td>
        <td>Inagurasi FTIF</td>
        <td>Bendahara</td>
    </tr>
    <tr>
        <td>2018</td>
        <td>Parade KMI</td>
        <td>Sie Lomba</td>
    </tr>
    <tr>
        <td>2018</td>
        <td>Schematics ITS</td>
        <td>Bendahara</td>
    </tr>
</table></div>
<hr color=”grey” size=2>

    <p style="letter-spacing: 5px; font-size: 20px" align="center">STORY OF MY HOBBY</p>  

<div class="imageku" align="center">
    <img src="https://akphoto1.ask.fm/649/713/339/-19996991-20511cm-c8t623aaf5n9jhf
/original/avatar.jpg" height="250px" width="310px" alt="Paralayang Malang">
    <img src="https://akphoto1.ask.fm/11e/29e04/4091/44b8/995c/05545ff1ea7c/original/
2407.jpg" height="250px" width="200px" alt="Pulau Merah Banyuwangi">
    <img src="https://aishasnews.files.wordpress.com/2017/10/6-piknikasi.jpg" 
height="250px" width="200px" alt="Coban Rondo Malang">
    <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/40422126_2240700579550024_
463498349299892224_n.jpg?_nc_cat=0&oh=c2b37225abd58340ca3646661c13be67&oe=5BF6DAA4" 
height="250px" width="200px" alt="Lereng Gunung Purnama Bondowoso">
    <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/10372795_10201145842087958_
196457602527171788_n.jpg?_nc_cat=0&oh=ee7ce0f83da9ebc8c880eb15fd96b5c5&oe=5C290381"
 height="250px" width="300px" alt="Kuta Bali">
    <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/40429991_2240699992883416_
1407717295525986304_n.jpg?_nc_cat=0&oh=a9d4b17c7b70a5a44d2d5dbaeb91772b&oe=5C36E91C"
 height="250px" width="320px" alt="Coban Sewu Lumajang">
    <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/40424685_2240698822883533_
8889479896284266496_n.jpg?_nc_cat=0&oh=7cb8499a708247818bf9f50a044bba9d&oe=5BF08E68" 
height="250px" width="330px" alt="Watu Dodol Banyuwangi">
    <img src="https://scontent-sin6-2.xx.fbcdn.net/v/t1.0-9/40520198_2240700196216729_
2227043665140776960_n.jpg?_nc_cat=0&oh=b9f89de042488835511397010b14b465&oe=5BF745E7"
 height="250px" width="320px" alt="Coban Rais Malang">
</div>
<hr color=”grey” size=2>
  
<div id="sosmed">
    <a href="https://instagram.com/karinasraya/"><img src="http://robkingsland.co.uk/
storage/cache/images/000/157/glyph-logo-May2016,medium_large.2x.1494181934.png" 
height="30px" width="30px"> </a>
      <a href="https://twitter.com/karinasrayaa"><img src="https://png.icons8.com
/metro/1600/twitter.png" height="30px" width="30px"></a>
      <a href="https://www.facebook.com/karinasraya"><img src="https://png.icons8.com/
metro/1600/facebook.png" height="30px" width="30px"> </a>
      <a href="https://ask.fm/karinasraya"><img src="http://www.yeditepe.edu.tr/sites/
default/files/askfm-logo.png" height="35px" width="30px"> </a>
       <a href="https://karinasoraya.blogspot.com/"><img src="https://s3.amazonaws.com/
freebiesupply/large/2x/blogger-logo-black-transparent.png" height="30px" width="30px"></a>
</div>

</body>
</html>




  • Source Code CSS

    • 

#header{
  color: white;
  margin : 0 auto;
  background-image: url("https://coverfiles.alphacoders.com/494/49485.jpg");
  padding-top: 6px;
  padding-right: 4px;
  padding-left: 4px;
  height: 150px;
  float: center;
  background-position: center;
  text-align: center;
  font-size: 24px;
}

#sosmed{
  text-align: center;
}


    • Hasil Akhir :



    • Video :


    Komentar

    Posting Komentar

    Postingan Populer