TabLo Yapımı

Html de GitGide Sanırım iLerliyoruz . KodLarLa ne kadar çok uyguLama yaparsak o Kadar başarıLı oLuruz. ( Deneyim SöyLüyor Bunu 🙂 ) Bir önceki dersimizde Resim ekLemeyi ve Link Vermeyi ve diğer Temel KodLarı Öğrendik. Sanırım Basitçe resimlerden ve Linklerden oLuşan Bir Sayfayı Yapabildik Diye Düşünüyorum.. Bugünde TabLo Yapımını ÖğreneLim..

Başta şu soruyu sorayım size ? ” Yazı iLe Resmi Öğrendiğiniz KodLarLa Yan Yana Hiç KoyabiLdiniz Mi?”
Sanırım Hayır Cevabı aLdım :d O zaman Burda Table KullanabiLiriz Diyorum ve anLatmaya başLıyorum…

Tablo için kullanacağımız temel etiketLer aşağıdaki Gibidir…

[html]
Tablo oluşturmak için :

Yatay hücre oluşturmak için :

Dikey hücre oluşturmak için :

[/html]

Temel etiketleirmizi Öğrendik Peki 6 Hücreli Bir TabLo yapmak isTersek Nasıl Yaparız Diye Sorarsanız. Ahanda Aşağıdaki Gibidir 😉

[html]

Birinci sırada Hücre1 Birinci sırada Hücre2 Birinci sırada Hücre3
İkinci sırada Hücre1 İkinci sırada Hücre2 İkinci sırada Hücre3

[/html]

BunLarı html sayfanızda UyguLayınca Göreceksiniz Ki Hakketen oLdu 😀

Şimdi geLdik iÇin JanJanLı kısmına ;

Hücremin içi renkli olsun istiyorsak ; bgColor Kodunu ekLiyoruz..
Kod:
[html]

kırmızı hücrem oldu

[/html]

Hücremizin iÇine Resim istiyorsak ; BackGround Kodunu ekLiyoruz..
Kod:
[html]

Heeyy burada kablumbiklerim vaarr

[/html]

Hücremizin Kenar KalınLığını değiştirmek iÇin ; BoRder Kodunu kuLLanıyoruz..
Kod:
[html]

kenarı kalın oldu

[/html]

Hücremizin Kenarlığını RenkLi yapmak iÇin ; BorderColor Kodunu Kullanıyoruz.
Kod:
[html]

kenarını yeşil yaptım

[/html]

Hücremizin iÇindeki yazı Sağa dayaLı olması iÇin ; align=” ” Kodunu ekLiyoruz..
Kod:
[html]

MyDooM

[/html]

TabLomdaki yanyana İki Hücreyi Birleştirmek isTiyorsam ; ColsPan Kodunu kullanıyoruz..
Kod:
[html]

1 2 3
4 5
6 7 8

[/html]

TabLomdaki altaLta iki Hücreyi birLeştirmek iÇin ; RowSpan Kodunu kuLLanıyoruz..
Kod:
[html]

1 2 3
4 rowspan=”2″>5 6
7 8

[/html]

YazıLarımızın Hücre KenarLarına Değmemesi iÇin ; CeLLPadding Kodunu KuLLanıyoruz.
Kod:
[html]

Değmiyor

[/html]

HücreLerimizin Etrafındaki Çerçevenin KaLınLığını değişmek iÇin; CeLLSpacing Kodunu Kullanıyoruz..
Kod:
[html]

Etrafında boşluk var

[/html]

İşin JanJanLı Kısmıda Bu Kadar 🙂 Bundan Sonrasıda Size KodLarı UyguLamak kaLmış. Zaten Temel Html KomutLarıIda Bitirdik sayıLır.. 😉

1 Comment

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir