Pada pertemuan mata kuliah Pemrograman web yang kedua semua mahasiswa disuruh membuat web.
Di web tersebut harus ada gambar yang ditampilkan dan jika diklik gambarnya maka akan berubah ke web uad.ac.id.
Sebelum membuat blog saya telah membuat sketsanya seperti berikut :
Codingan html web saya :
<html>
<head>
<style>
#header {
background-color: cyan;
color:white;
text-align:center;
padding:40px;
}
#nav {
line-height:30px;
background-color:blue;
height:700px;
width:10px;
float:left;
padding:80px;
}
#section {
width:700px;
float:left;
padding:30px;
text-align: center;
}
#footer {
background-color:cyan;
color:white;
clear:both;
text-align:center;
padding:2px;
}
</style>
</head>
<body bgcolor="pink">
<div id="header"><font color="red">
<h1>Advanture</h1>
</div>
<div id="nav"><font color="yellow">
Pantai Krakal<br>
</div>
<div id="section"><font color="blue">
<h2>Pantai Krakal</h2>
<p><a href="http://uad.ac.id/"><img src="krakal1.jpg" alt="HTML5 Icon" style="width:300px;height:200px;"></a></p>
<p>Pantai Krakal termasuk dalam salah satu deretan pantai-pantai indah di laut selatan Kab. Gunungkidul yang memiliki beberapa spot surfing tersembunyi yang menantang. Pantai Krakal ini sudah lama terkenal sebagai salah satu kawasan pantai yang berada di ujung selatan Jogja dan mempunyai keindahan begitu luar biasa.</p>
<p>Garis Pantai Krakal yang landai dan bertabur dengan pasir putih serta memiliki hempasan ombak yang jernih. Batu karang juga turut serta menghiasi sebagian besar dari bibir pantai, menjadi rumah bagi banyaknya ikan-ikan karang yang berwarna-warni.</p>
</div>
<div id="footer">
<p><a href="https://twitter.com/eladwianggrain1"> @twitter </a></p>
</div>
</body>
</html>
Dan untuk hasil bisa dilihat sebagai berikut :
Wassalamuallaikum wr. wb.
0 comments :
Post a Comment