Membuat Web dengan HTML
Membuat Web dengan HTML dan CSS :HTMLnya :
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="wrap">
<div class="header">
<h1><center><b><font color="white">Avinny Meidiana</font></b></center></h1>
<p><center><b><font color="white">Teknik Informatika Universitas Ahmad Dahlan 2015</font></b></center></p>
</div>
<div class="menu">
<ul>
<li><a href="http://avinnymei.blogspot.co.id">Home</a></li>
</ul>
</div>
<div class="badan">
<div class="sidebar">
My Info
<ul>
<li><a href="http://uad.ac.id">UAD</a></li>
<li><a href="https://www.facebook.com/dyana.happypramita">My facebook</a></li>
</ul>
</div>
<div class="content">
<center>Travelling</center><br>
<center><img align="center" src="mei.jpg" style ="width:120px ; height:150px ;" ></a></center>
<p align="center">Saya hobby sekali Travelling, karena bisa merefresh pikiran dari kejenuhan,<br>
Wisata alam paling menarik untuk di kunjungi.
Seperti pantai dan naik gunung yang paling ku sukai,
karena masih terasa sehat udaranya.Gunung Bromo gunung pertama kali yang saya daki,
namun sudah tidak terasa alamnya karena sudah menjadi tempat wisata yang banyak penjual di sekitarnya,
dan sudah jarang pepohonan disekitar gunung bromo tersebut,
untuk mendaki sudah menggunakan tangga, jadi kurang menantang untuk mendaki lagi.
<p align="center">Gunung Kedua yaitu Gunung Sumbing, ini baru terasa mendaki,
karena masih banyak pohon dan tidak ada penjual di sekitar gunung tersebut.
Saya ingin kesana lagi,untuk melepas penat selama kuliah,
namun kesana harus banyak waktu dan tenaga,karena medan di gunung sumbing sangat
susah untuk di daki,banyak yang menyerah saat di tengah perjalanan,karena tidak kuat mendaki.<br>
<br> Terima kasih ....</br>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<br><center><marquee> TRAVELLING LAH SEBELUM MASA TUA ANDA TIDAK DAPAT TRAVELLING...</marquee></center></br>
</div>
</div>
</body>
</html>
CSSnya :<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="wrap">
<div class="header">
<h1><center><b><font color="white">Avinny Meidiana</font></b></center></h1>
<p><center><b><font color="white">Teknik Informatika Universitas Ahmad Dahlan 2015</font></b></center></p>
</div>
<div class="menu">
<ul>
<li><a href="http://avinnymei.blogspot.co.id">Home</a></li>
</ul>
</div>
<div class="badan">
<div class="sidebar">
My Info
<ul>
<li><a href="http://uad.ac.id">UAD</a></li>
<li><a href="https://www.facebook.com/dyana.happypramita">My facebook</a></li>
</ul>
</div>
<div class="content">
<center>Travelling</center><br>
<center><img align="center" src="mei.jpg" style ="width:120px ; height:150px ;" ></a></center>
<p align="center">Saya hobby sekali Travelling, karena bisa merefresh pikiran dari kejenuhan,<br>
Wisata alam paling menarik untuk di kunjungi.
Seperti pantai dan naik gunung yang paling ku sukai,
karena masih terasa sehat udaranya.Gunung Bromo gunung pertama kali yang saya daki,
namun sudah tidak terasa alamnya karena sudah menjadi tempat wisata yang banyak penjual di sekitarnya,
dan sudah jarang pepohonan disekitar gunung bromo tersebut,
untuk mendaki sudah menggunakan tangga, jadi kurang menantang untuk mendaki lagi.
<p align="center">Gunung Kedua yaitu Gunung Sumbing, ini baru terasa mendaki,
karena masih banyak pohon dan tidak ada penjual di sekitar gunung tersebut.
Saya ingin kesana lagi,untuk melepas penat selama kuliah,
namun kesana harus banyak waktu dan tenaga,karena medan di gunung sumbing sangat
susah untuk di daki,banyak yang menyerah saat di tengah perjalanan,karena tidak kuat mendaki.<br>
<br> Terima kasih ....</br>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<br><center><marquee> TRAVELLING LAH SEBELUM MASA TUA ANDA TIDAK DAPAT TRAVELLING...</marquee></center></br>
</div>
</div>
</body>
</html>
.wrap{
background: yellow;
width: 900px;
margin: 10px auto;
}
/*bagian header*/
.wrap .header{
background: blue;
/*height: 50px;*/
padding: 2px 10px;
}
/*akhir header*/
/*bagian menu*/
.wrap .menu{
background:black;
}
.wrap .menu ul{
padding: 0;
margin: 0;
background: yellow;
overflow: hidden;
}
.wrap .menu ul li{
float: left-side;
list-style-type: none;
padding: 10px;
}
/*akhir menu*/
.clear{
clear: both;
}
.badan{
height: 500px;
}
/*bagian sidebar*/
.wrap .badan .sidebar{
background: orange;
float: left;
width: 15%;
height: 100%;
}
/*akhir sidebar*/
.wrap .badan .content{
background:cyan;
float: left;
height: 100%;
width: 80%;
}
.wrap .footer{
width: 100%;
padding: 10px;
}
ini skesta webnya :background: yellow;
width: 900px;
margin: 10px auto;
}
/*bagian header*/
.wrap .header{
background: blue;
/*height: 50px;*/
padding: 2px 10px;
}
/*akhir header*/
/*bagian menu*/
.wrap .menu{
background:black;
}
.wrap .menu ul{
padding: 0;
margin: 0;
background: yellow;
overflow: hidden;
}
.wrap .menu ul li{
float: left-side;
list-style-type: none;
padding: 10px;
}
/*akhir menu*/
.clear{
clear: both;
}
.badan{
height: 500px;
}
/*bagian sidebar*/
.wrap .badan .sidebar{
background: orange;
float: left;
width: 15%;
height: 100%;
}
/*akhir sidebar*/
.wrap .badan .content{
background:cyan;
float: left;
height: 100%;
width: 80%;
}
.wrap .footer{
width: 100%;
padding: 10px;
}
ini tampilan webnya :
Nama : Avinny Meidiana
Nim : 1500018173
Kelas : C
0 komentar:
Posting Komentar