CSS Seçiciler

Css de anlattığımız kadarıyla,kullandığımız <style> elementi ile her element için ayrı ayrı stiller tanımlıyorduk.Mesela <p> etiketi için bir stil belirliyorduk ve her <p> etiketi için bu stiller kullanılıyordu.Fakat biz bazı <p> elementleri için farklı stilleri kullanmak istiyorsak ne yapacağız? Bunun için seçiciler kullanılmaktadır.2 tür seçici vardır;

1) Id Selector

2) Class Selector

Id selector kullanımında her id,bir sayfada sadece bir kez kullanıldığı için biz daha pratik olması amacıyla Class Selector kavramını anlatacağız.Böylece class’larımızı bir sayfada istediğimiz kadar kullanabileceğiz

Html Resim ve Bağlantı (Link) Ekleme

Bir resmi html sayfamıza eklemek için kullanacağımız etiket <img> dir.Bu etiketin birkaç özelliği vardır.Bunlardan bahsedersek;

src => Ekleyeceğimiz resmin yolu yazılır

alt => Resmin üstüne geldiğimizde çıkacak yazı yazılır

height => Resmin yüksekliği girilir (piksel cinsinden)

Htmlde Tablo Oluşturmak

Tablolar,verilerimizi bölümler halinde görüntülemek için kullanılırlar.Htmlde tablo oluşturmak için kullanacağımız etiket <table>..</table> dir.

Oluşturacağımız tabloların çerçevelerini,her hücredeki elemanların konumunu değiştirmek isteyebiliriz.Bunun için bu etikette border,cellspacing,cellpadding özelliklerini kullanmalıyız.Öğrendiğimiz üzere bu özellikleri,etiketin içine yerleştiriyoruz.Şimdi bu özelliklerin ne işe yaradıklarından bahsedelim;

align özelliği,tablomuzun konumunu belirler

Html Listeleme Yapısı

Yapacağımız sayfada bazı yazılarımızı maddeler halinde yazmak isteyebiliriz.Yazacağımız maddeleri sıralı ve sırasız olarak 2 şekilde yapabiliriz.Sırasız ( unordered list ) oluşturmak  için kullanacağımız etiket <ul> dir  ve  </ul> etiketiyle kapatılması gerekir.Bu etiket yardımıyla listeyi oluşturmuş oluruz ve bu etiketlerin içerisine yazacağımız <li> etiketleriyle de listemizin elemanlarını belirleriz.

Ekleyeceğimiz her liste elemanı için <li> Eklenecek eleman </li>  etiketlerini kullanmalıyız.Anlattıklarımıza basit bir örnek verelim;

<html>
 <head>
  <title>Listeleme</title>
 </head>
 <body>
  <h4>Listeleyeceğimiz Elemanlar</h4>
  <ul>
   <li>1.eleman</li>
   <li>2.eleman</li>
   <li>3.eleman</li>
  </ul>
  </body>
</html>

Htmlde Temel Paragraf Etiketleri

Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde,alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir.Bunu engellemek için kullanacağımız etiket <br/> dir

Bunu bir örnek üzerinde anlatalım;

<html>
   <head>
      <title>Alt satıra geçme</title>
   </head>
   <body>
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

Html Kodlamaya Giriş

Daha önce de bahsettiğimiz gibi html ,tag adı verilen yapılardan oluşur.İlerde htmlde kullanılan tagları göreceğiz

Her etiket ,kullanılabilmesi için açıldıktan sonra mutlaka kapatılmalıdır.Bir etiketin kullanılış biçimi ,açarken <etiketin_adi>   kapatılırken </etiketin_adi> şeklindedir

Html dosyamızın başlangıcı <html> etiketi ile başlamalı ve </html> etiketi ile bitmelidir

Örnek olarak Kısa bir html sayfasını inceleyelim;

Arama
RSS
Beni yukari isinla