HTML Tablo Ekleme(Add A Table)

Web sayfanıza berki tablo ekleme ihtiyacınız olmayabilir ama olmasa bile html dilinin en temel parçası olan tablo oluşturmayı bilmeniz gerekiyor.Tablonun kodlamasını yaparken biraz kafanız karışabilir o yüzden en çok bu dersle ilgili kod editörümden yada kendiniz not defterinden tekrarlar yapın.

İlk olarak <table></table> etiketi ile başlayacağız.Bu etiketin arasına yine değişik etiketleri yazarak tablomuzu oluşturucağız. Bunu anlatarak açıklamayacağım kod editörümdeki örneğe bakarsanız zaten herşeyi anlıyacaksınız. Ben size bu etiketlerin açıklamarını baştan sona yazayım..

Etiketler

<table> : En dışta bulunan tablonun başlangıcını ve bitişini gösteren etiket.

<tr>: Tablonuza satır eklemek için kullanılır.

<th>: Tablonuza başlık sütunu eklemek için kullanılır. Örneğin: İsim

<td>: Tablonuza sütun eklemek için kullanılır.

Tablomuzu temel olarak bu etiketlerle oluşturuyoruz. Bir de tablomuzu biraz daha özelleştirmek için parametrelerimiz var.

Parametreler

align: Yazdığınız etiketteki içeriği(Yazı,resim,vb) left,right,center gibi değerler alarak sağa,sola yaslamanızı yada ortalamanızı sağlar yani hizalamasını ayarlar.

width: Yazdığınız etiketin genişliğini ayarlar.

height: Yazdığınız etiketin yüksekliğini ayarlar.

border: Yazdığınız etikete kenarlık ekler.Sayı değerleri ile çizginin kalınlığını ayarlarsınız.Genelde table etiketinde kullanılır.

Not: Eğer bu parametreyi table etiketine eklemesseniz tablonuzun kenarlığı olmayacak fakat düzenide bozulmayacaktır. Eğer border değerini 0 verirseniz yine kenarlığı olmayacaktır. İkinci olarak height ve width etiketleri sadece yine table etiketinde çalışmaktadır.

cellspacing : Sütunlar arası kenar boşluğunu ayarlar.

cellpadding: Satırlar arası kenar boşluğunu ayarlar.

Not: Bu iki parametre sadece table etiketinde çalışır.

Peki iki sütünu yada satırı nasıl birleştiriceğim ?

colspan : İki yada daha fazla sütunu birleştirmenizi sağlar. Kaç sütunu birleştirmek istediğinizi değer olarak atayın.

rowspan: İki yada daha fazla satırı birleştirmenizi sağlar. Yine kaç satırı birleştirmek istediğinizi değer olarak atayın.

Not: Bu iki parametre sadece <table> etiketinde çalışmaz.

Son olarak..

Değerli ziyaretçiler yazımın başında belirttim fakat tekrar belirtmek istiyorum. Html dilinin en zor konularından biridir tablo oluşturmak o yüzden değişik örnekler deneyin. Tablo içlerine resim ekleyin, yazı ekleyin değişik şekillerde deneyin. Kod editörümdeki örneği de incelemeyi unutmayın..