Deneme - Html Kodlari 17

Html Kodlari 17

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 on beşinci sayfamızında yazımı bitti ve yayınlamaya karar verdim.

Html Kodu

Oluşan Görüntü

<table border=1 bgcolor="green">
   <tr>
     <td> Yeşil </td>
     <td> Yeşil </td>
     <td> Yeşil </td>
   </tr>
   <tr>
     <td> Yeşil </td>
     <td bgcolor="yellow"> Sarı </td>
     <td> Yeşil </td>
   </tr>
   <tr>
     <td> Yeşil </td>
     <td> Yeşil </td>
     <td> Yeşil </td>
   </tr></table>

Yeşil	Yeşil	Yeşil
Yeşil	Sarı	Yeşil
Yeşil	Yeşil	Yeşil

şimdi size colspan ve rowspan 'ı da anlatıp bu dersimizi bitirmek istiyorum.
Nedir rowspan?
row satırı ifade eder; rowspan ise satırların birleştirilmesidir.

Çalıştığı Departman	Çalışanın adı ve soyadı	Çalışanın doğum yılı
Muhasebeciler	Hacer Havuz	1963
	Murat Musluk	1975
	Mustafa Muşlu	1984
Satış elemanları	Seçil Sever	1968
	Burak Burma	1944
	Mert Metelik	1980

Normalde tablo bir ızgara gibidir. Fakat bazen ızgara gibi bir yapı işimizi görmez.
Izgara derken her sütun ve satırda aynı sayıda hücrenin olmasını kasdettim.
2. ve 3. sutunda 6 satır varken; birinci sutunda sadece 2 satır vardır.
rowspan=3 ifadesiyle ilgili sütunda iki satır olmasını sağladık.

Yukarıdaki görüntüyü veren HTML kodunu lütfen üzerinde düşünerek + dikkatlice inceleyip + kendinizde de çalıştırınız. Koda bakmak için tıklayınız

Nedir colspan?
Col ingilizce column ifadesinden bir kısaltmadır. Column sütun anlamına gelir.
colspan ise Sütunları birleştirmek için kullanılır.

2005 YILINDA İŞE BAŞLAYANLAR
Sezai Serin	Şubat ayında
Melek Mert	Nisanda
Muhammed	Haziran
2006 Yılında işe başlayanlar
Cömert Cenk	Kasım
Ece Ercüment	Aralık
Zeynep Zengin	Haziran

colspan=2 ile bu tablodaki bazı satırlar tek sütunlu yapılmıştır.
Normalde sekiz satır iki sütunlu olan bu tablonun 1. ve 5. satırları tek sütunlu yapılmıştır.
Dikkat ederseniz colspan=2 ifadesinin kullanıldığı <tr> lerde bir tane <td> etiketi kullanılmıştır.

HTML kodunu görmek için tıklayınız.

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

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

Ücretsiz kaydol