sketsa web
Kode HTML
<html>
<head>
<title>Indah Sawitri Ramonasari</title>
</head>
<style>
#header{
background-color: pink;
color: white;
text-align: center;
padding: 15px;
}
#nav{
line-height: 2px;
background-color: blue;
text-align: left;
height: 720px;
width: 250px;
float: left;
padding: 20px;
}
#section{
width: 1000px;
float: left;
padding: 10px;
text-align: center;
}
#footer{
background-color: pink;
color: white;
clear: both;
text-align: center;
padding: 2px;
}
</style>
<body bgcolor="cyan">
<div id="header"><font face="Budmo Jiggler" size="6.5" color="red">
Love MulMed<br></font><font face="Segoe Print" size="3" color="red"><i>"All About Design, Photography, Movie, Music and Animation"</i></font>
</html>
<hr>
<font face="Comic Sans MS" size="4" color="red">
<a href=satu.html>Home</a>
<a href=kedua.html>Profil</a>
<a href=ketiga.html>Design</a>
<a href=keempat.html>Gallery</a>
<a href=kelima.html>Tutorial</a>
</font>
<hr>
</div>
<div id="nav"><font face="Segoe print" color="white" size="2.5"><center>
<p><b>Contoh Design Poster Lomba Essay</b></p>
<p><a href=ketiga.html><img src="essay.PNG" alt="HTML5 Icon" style="width:210px;height:250px;"></a></p>
<p><b>Membuat Karakter Anime dng Corel</b></p>
<p><a href=ketiga.html><img src="Corel.JPG" alt="HTML5 Icon" style="width:210px;height:280px;"></a></p>
</font>
</center>
</div>
<div id="section"><font face="segoe print" color="black">
<h2>Contoh Design Poster Donor Darah</h2>
<p><a href="http://www.uad.ac.id"><img src="donor.PNG" alt="HTML5 Icon" style="width:400px;height:550px;"></a></p>
<font size="2.5"><p>Gambar diatas merupakan design poster untuk donor darah yang saya buat menggunakan software aplikasi Corel Draw X6.<br>Cara mengerjakannya cukup mudah.Karena design ini tergolong design yang simple dan sederhana.<br>
Dengan aplikasi Corel Draw kita dapat membuat dan mengedit gambar vektor.<br></p></font>
</div>
<div id="footer">
<p>
<font face="comic sans ms" size=4 color="red"><center>Kunjungi situs saya :<br></center></font>
<ul type=square>
<li><a href=http://www.facebook.com/ichihara.dfallen>Facebook</a>
<li><a href=https://twitter.com/isramonasari>Twitter</a>
<li><a href=https://plus.google.com/105178068603171335860/posts>Google</a>
<li><a href=https://www.indahsawitriramonasari.blogspot.co.id>Blogger</a>
</p>
</div>
</body>
</html>
Comments
Post a Comment