12
<html>
<head>
<title>Web Tasarım Uygulama Sınavı</title>
<style type="text/css">
body
{
color:black;
}
#sayfa
{
width:960px;
margin: auto;
}
#ust
{
height:100px;
background-color:darkblue;
text-align:center;
line-height: 100px;
}
#sol
{
height:500px;
width:200px;
background-color:lightgreen;
float:left;
}
ul li
{
display: block;
}
ul a
{
padding: 10px;
text-decoration: none;
background-color: darkred;
color: black;
display: block;
width: 100px;
margin-bottom: 5px;
text-align: center;
}
ul a:hover
{
font-weight: bold;
font-style: none;
color: yellow;
}
#orta
{
width:720px;
height:460px;
background-color:lightblue;
text-align:center;
float:left;
padding: 20px;
}
h1,h3
{
color: black;
text-align: center;
font-family: verdana;
}
p{
text-indent: 20px;
font-family: arial;
text-align: justify;
color:black;
font-size: 16px;
line-height: 25px;
}
#resim
{
border:3px groove black;
background: url(images/termos.gif);
width: 400px;
height: 200px;
line-height: 200px;
text-align: center;
font-size: 30px;
margin-left: 150px;
font-family: verdana;
}
</style>
</head>
<body>
<div id="sayfa">
<div id="ust"><h1>11 H Sınıfı 1.Dönem 2.Sınav</h1>
</div>
<div id="sol">
<ul><li><a href="">AnaSayfa</a> </li><li><a href="">Hakkında</a></li><li><a href="">Ürünler</a></li><li><a href="">İletişim</a></li></</ul>
</div>
<div id="orta"> <h3> Klasik Termos</h3>
<p>Yeşil rengi ve efsanevi dayanıklılığı ile şöhret yapmış Stanley klasik serisinin vazgeçilmezi 1 litrelik termos. Kamptan, pikniğe, şantiyeden seyahate hem hayatını kolaylaştırmak isteyenlerin, hem profesyonellerin hem seyahat severlerin tercihi. Vakum insulasyon ve çift duvar konstrüksiyon sayesinde ısı kaybetmez. </p>
<div id="resim">
11 H Sınıfı
</div>
</div>
</div>
</body>
</html>