Deneme

Html Kodlari 13

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Bu alana reklam verebilirsiniz

Anasayfa
İletişim
Hakkımda
Karşılıklı Reklam
Sohbet Et
Ziyaretçi Defteri
Ankete oy ver
Yorum Yap
Marquee Yapımı
Oyunlar
Müzikler
Reklamlar
Web Master
Kayıt oL
Üye Girişi
Yemekler
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek
Eklenecek

Bu alana reklam verebilirsiniz Bu alana reklam verebilirsiniz Bu alana reklam verebilirsiniz
Html'ye Adım adım

Merhaba arkadaşlar onkinci sayfamızında yazımı bitti ve yayınlamaya karar verdim.

Tablo konusuna devam ... (HTML Table 2)


Hatırlatma (iki hücreli tek satırlı tablo kodu):
<table>   <tr>     <td></td>     <td></td>     </tr>  </table>

Daha önceki derslerimizde şu özellikleri görmüştük. (HTML etiketi değil özelliklerini gördük)
align ---- height --- width --- bgcolor --- border
Html etiketlerinin çeşitli özellikleri vardır bu özelliklerden bazıları yukarıdaki gibidir.

Html etiketi ayrı şeydir html etiketinin özelliği ayrı şeydir.
HTML etiketleriyle , etiketlerin özellikleri arasındaki farklar şunlardır.
html etiketleri < > bu iki işaret arasında olur html etiketinin özellikleri de aynı şekilde < > işaretleri arasında olur. Fakat < den hemen sonraki kelime html etiketidir.
< den sonraki kelimenin sonrasında birşeyler varsa onlar da etiketin özellikleridir.
özellik="değeri" şeklinde yazılır ve her özellikle html etiketi arasında MUTLAKA boşluk olmalıdır.

table - tr - td etiketleri de align (hizalama), height (yükseklik), width (genişlik), bgcolor (zemin rengi), border (çerçeve) özelliklerini alabilirler.

Tek hücreli bir tablo yapalım.

HTML KODU Oluşan Görüntü
<table border=4>
    <tr>
          <td> &nbsp; </td>
          <td> &nbsp; </td>
    </tr>
</table>
   
Burada iki hücrenin içinde de &nbsp; kullanıldı bunun nedeni nedir sizce?
border=4 değerini arttırırsanız şöyle bir görüntü elde edersiniz.
   

border=10 yapılmış hali yukarıdaki gibidir.
Burada hangi alanın büyüdüğüne dikkat ediniz.
tabloya width (genişlik) özelliği ekleyip width=200 yapalım.

Html Kodu Oluşan Görüntü
<table border=10 width=200>
    <tr>
          <td> &nbsp; </td>
          <td> &nbsp; </td>
    </tr>
</table>
   

Tablonun boyu 200 piksel oldu (pikselin ne olduğunu ileriki zamanlarda açıklayalım inşaAllah)
fakat siz pikselin bir uzunluk ölçüsü birimi olduğunu bilmeniz gerekir.

Soldakii iki hücresi olan (<td>   </td>        <td>   </td>) tabloya genişlik değeri olarak 200 piksel verdik.
Fakat dikkat ederseniz yüksekliğini belirtmediğimiz halde hücrelerin yaklaşık 30 piksel kadar yüksekliği var.
Yukarıda size hücrelerin içine neden &nbsp; yazdığımızı sormuştum.

Herhangi bir yazı yazdığımızda hücreye geçerli olan yazı puntosu (büyüklüğü) kadar yükseklik verilir.
Hücrelerin içi boş olduğu için yükseklik verilemeyeceği için &nbsp; değerini yazmıştık.
Bizim gözümüz orayı boş görse bile &nbsp; olduğu için tarayıcı orayı dolu kabul eder ve oraya geçerli yazı büyüklüğü kadar yükseklik verir.

Devamı için Bir Sonraki Sayfaya geçiniz...

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

 

 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol