<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style type="text/css">
body, html{
height: 100%;
margin: 0;
}
.profil{
border-radius: 50%;
}
table{
border-spacing: 0;
}
p{
font-family: TW Cen MT;
}
img.a{
vertical-align: text-bottom;
}
img.b{
vertical-align: text-top;
}
.judul{
font-size: 20px;
color: white;
}
.tulis{
font-size: 15px;
color: white;
}
</style>
<title>My Personal Blog</title>
</head>
<body background="img/Picture1.jpg" style="background-size:cover;">
<br><br><br><br><br>
<table width="55%" align="center" style="vertical-align: middle">
<tr>
<td bgcolor="LightGrey" width="40%" >
<p align="center"><img src="img/Untitled.png" alt="FOTO" width="60%" class="profil"></p>
<font size="5px">
<pre align="center" ><p>PROFILE</p></pre>
</font>
<font size="4px">
<p><img src="img/employee.png" alt="name" width="10%" style="padding: 0 10px 0 28px" class="a">Reza Adipatria Maranatha</p>
<p><img src="img/location.png" alt="loc" width="10%" style="padding: 0 10px 0 28px" class="a">Ketintang Permai BD-18</p>
<p><img src="img/phone-call.png" alt="phone" width="8%" style="padding: 0 14px 0 30px" class="a">081939103078</p>
<p><img src="img/envelope.png" alt="phone" width="9%" style="padding: 0 10px 0 30px" class="b">rezamaranatha@yahoo.com</p>
</font>
</td>
<td bgcolor=" #1a1a1a" style="text">
<pre style="padding: 0 0 0 50px"><p class="judul">PENDIDIKAN</p><p class="tulis">2014-2017 SMAK St Louis 1 Surabaya
2011-2014 SMP Santo Yosef Surabaya
2005-2011 SD Santo Yosef Surabaya</p><p class="judul">KELEBIHAN</p><p class="tulis">Tinggi Badan, Rajin</p><p class="judul">KEKURANGAN</p><p class="tulis">Malas, Terlalu bayak pikiran</p><p class="judul">HOBI</p><p class="tulis">Bermain Sepak Bola, Main PUBG</p>
</pre>
</td>
</tr>
</table>
</body>
</html>
Di tugas kali ini saya mendapat tugas untuk membuat sebuah web berita, kami diberi contoh yaitu web www.techinasia.com berikut hasil dari apa yang telah saya buat kemudian berikut adalah source code nya : HTML : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">Companies</a></li> <li><a href="#">Events</a></li> </ul> <div class = "co...
Comments
Post a Comment