yukarıdaki görselin kodlarının yazılması...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<style type="text/css">
.ust{width:800px; height:215px; background:purple;}
.rsm img{float:left;}
.rsm img {width:150px;height:215px;}
.ust ul{float:right;}
.ust ul li {float:left; list-style:none; margin:15px 10px 0 10px;color:#FFFFFF;}
.ust ul li a{color:#FFFFFF; font-size:12px, font-family:Verdana; text-decoration:none;}
.ust ul li a:hover{ color:#FFFFFF;}
.orta {background:pink; width:800px;height:800px;}
.baslik{width:600px;height:200px;color:#FFFFFF;font-weight:bold;float:right;}
.ortaa{width:600px;height:200px;color:#FFFFFF;font-weight:bold;float:right;}
.sol{width:200px; border-right:1px dashed #FFFFFF;color:#FFFFFF;}
.orta p{float:right;}
</style>
</head>
<body>
<div class="cerceve">
<div class="ust">
<div class="rsm">
<h1> <img src="abc.jpg"/> </h1>
</div>
<ul>
<li><a href="#">Ana sayfa</a></li>
<li><a href="#">Hakkimda</a></li>
<li><a href="#">Iletisim</a></li>
</ul>
</div>
<div class="orta">
<h1 class="baslik">Staj Gunlugum</h1>
<p class="ortaa">Merhaba arkadaslar ben Gulseher Erzurumluyum Erzincan Universitesi Tercan MYO da bilgisayar bolumu okudum mezun olmam icin staj yapmam gerekiyor.
Stajimi Ataturk Universitesi BAUM da yapiyorum...<img src="abcd.jpg" align="right"/>
Bugunler stajimin ilk gunleri...Bu staj yerini ayarlamak icin cok caba harcadim, bir seyler ogrenecegimden de eminim yeni yeni basladik odev yapmaya bakalim
insallah basaririm...Bugunler stajimin ilk gunleri...Bu staj yerini ayarlamak icin cok caba harcadim, bir seyler ogrenecegimden de eminim yeni yeni basladik odev yapmaya bakalim
insallah basaririm...Bugunler stajimin ilk gunleri...Bu staj yerini ayarlamak icin cok caba harcadim, bir seyler ogrenecegimden de eminim yeni yeni basladik odev yapmaya bakalim
insallah basaririm...Bugunler stajimin ilk gunleri...Bu staj yerini ayarlamak icin cok caba harcadim, bir seyler ogrenecegimden de eminim yeni yeni basladik odev yapmaya bakalim
insallah basaririm...</p>
<div class="sol">
<ul>
<br>
<li><a href="https://www.google.com.tr/">Google</a></li><br>
<li><a href="http://tr.wikipedia.org/wiki/Ana_Sayfa">Vikipedi</a></li><br>
<li><a href="http://www.youtube.com/?gl=TR&hl=tr">Youtube</a></li><br>
<li><a href="http://www.erzincan.edu.tr/">Ezincan Universitesi</a></li><br>
<li><a href="http://www.haberler.com/">Haberler</a></li><br>
<li><a href="https://tr-tr.facebook.com/">Facebook</a></li><br>
</ul>
</div>
</div>
</div>
</body>
</html>
Hiç yorum yok:
Yorum Gönder