<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir=ltr lang=tr xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>İlk projemiz</title> sayfamızın başlık bölümü
<link rel="stylesheet" type="text/css" href="kutuphane/css/style.css" /> sayfamızdaki bulunan bilesenlerinin yol verilmesi için yapılan uzantı örn:kutuphane dosyası içinde css dosyası css içinde style.css bileşenin bulunduğunu ifade etmek programa tanımlamak
</head>
<body>
<div class="cerceve"> sayfa içerisin en alt kısımda olusturulan cerceve
<div class="ust"> cerceve kısmının üzerine ust olarak cerceve olusturmak <div class="logo"> logo bölümünün oluşturuluması için cerceve
<a href="index.html"> logoya tıklanınca html sayfamızı belirleme için kullanılan yol
<img src="kutuphane/resim/logo.jpg" alt="Sitemizin logosudur."/> sitemizdeki kullanmış oldugumuz resmin dosya yolunu belirliyoruz. </a>
</div><!--logo DIV kapanis-->
<div class="menu1">menu1 olarak olusturulan 2. cerceve
<ul>
<li><a href="index.html">Anasayfa</a></li>
<li><a href="#">Köpekler</a></li>
<li><a href="#">Golden Retviever</a></li>
<li><a href="#">Cin Aslanı</a></li>
</ul><!-- ul kapanis -->
</div><!--menu1 DIV kapanis -->
</div><!--ust DIV kapanis -->
<div class="orta">
<div class="ortaBlok1"></div><!--ortaBlok1 DIV kapanis -->
<div class="ortaBlok1">
<ul>
<li><a href="nuray.html"> Nuray </a></li>
<li><a href="seda.html"> Seda </a></li>
<li><a href="burcu.html"> Burcu </a></li>
<li><a href="büşra.html"> Büşra </a></li>
<li><a href="canan.html"> Canan </a></li>
<li><a href="kübra.html"> Kübra </a></li>
<li><a href="vildan.html"> Vildan </a></li>
<li><a href="mehmet.html"> Mehmet </a></li>
<div class="ortaBlok2"></div><!--ortaBlok2 DIV kapanis -->
<div class="ortaBlok2">
<div class="ortaBlok3"></div><!--ortaBlok3 DIV kapanis -->
<div class="ortaBlok3">
</div><!--cerceve DIV kapanis -->
</body>
</html>
ve istediğimiz bir bölüme kadar tamamlandı sayfamız ...
CSS ul li biçimlendirmeleri kullanılarak, bu
etiketler istenilen yöne doğru dizilebilir ve maddelendirebiliriz...ve a href ile link verip bağlantı kuruyoruz
Hiç yorum yok:
Yorum Gönder