Deneme

Html Kodlari 14

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 ondörtüncü sayfamızında yazımı bitti ve yayınlamaya karar verdim. Tabloya şimdi de 200 genişlikle birlikte 100 piksel de yükseklik verelim.

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. yukarıdaki 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.
Tabloya şimdi de 200 genişlikle birlikte 100 piksel de yükseklik verelim.

Html Kodu Oluşan Görüntü
<table border=10 height=100 width=200>
    <tr>
          <td> &nbsp; </td>
          <td> &nbsp; </td>
    </tr> </table>
   
Şimdi hücrelerin içine birşeyler yazalım ve zemin rengi verelim.
İstersek tabloya zemin rengi verebileceğimiz gibi hücrelere ayrı ayrı da zemin rengi verebiliriz.
Tabloya zemin rengi verirsek bütün hücrelerin zemin rengini bir seferde vermiş oluruz.
Birinci hücrenin içine web dersleri yazıyoruz.
Html Kodu Oluşan Görüntü
<table border=1 height=100 width=200>
    <tr>
          <td> Web dersleri </td>
          <td> &nbsp; </td>
    </tr> </table>
Web dersleri  
Dikkat ederseniz tablonun genişlik değeri olan 200 piksel iki hücre arasında dağıtılırken eşit dağıtılmadı ama adaletli dağıtım oldu.
Adaletli dağıtım diyorum çünkü 1. hücremizin ihtiyacı fazla ama ikinci hücrenin ihtiyacı az.

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