Tablo, sahip olduğu bazı özelliklerden dolayı doğru şekilde kullanılırsa sayfaya profesyonel bir görünüm kazandırır. Ayrıca tablolar sayfa tasarımında da kullanılabilir.

Tablo içindeki yazıların renk ve büyüklüklerini ayarlamak, satır ve sütun özelliklerini belirlemek için tr tagı ve td tagı içindeki parametreler kullanılabilir. Ayrıca bu taglardan sonra gerekli tag ve ilgili parametreler( font vs.) ile istediğimiz özelliği tabloya ekleyebiliriz.

< table > : Tablo oluşturmak için bu tag kullanılır

< tr > : Satır oluşturmak için kullanılır

< td > :Sütun oluşturmak için kullanılır

< caption > :Tablo başlığı için kullanılır

bordercolor :Tablonun kenar çizgilerinin renklerini ayarlamak için kullanılır

cellspacing :Tablodaki hücrelerin birbirlerinden ve tablo çerçevesinden ne kadar uzakta olacağını belirtir

cellpading :Hücre içerisindeki yazı,resim gibi öğelerin hücrelerin kenarlarından ne kadar uzakta olduğunu belirlemek için kullanılır.

Hücreleri birleştirmek

Tablo içerisinde satırlar kendi aralarında bağımsız davranırlar. Satırlar bağımsız  davranabiliyorlarsa şöyle bir yöntem uygulanabilir: Bir satır oluşturun ve bu satırın içerisine tek bir hücre yerleştirin. Bir tane daha oluşturun ama bu hücrede üç tane hücre olsun.

colspan :Yukarıdaki satırın aşağıdaki satırdan kaç kolon alacağını belirtir.

LINK TAGLARI

Kendi yarattığımız bir sayfaya, bir web sitesine, bir resme link verebiliriz, ayrıca kullanıcının mail atabilmesini sağlayabiliriz.

< a href >: Link eklemek için kullanılır

target: Linke tıklandığında farklı bir pencerede açılır

mailto:Bu kod sayesinde ziyaretçi linke tıkladığında mail programı çalışır ve mail atılabilir.

FRAME TAGLARI

Frame kullanarak sayfa tasarlamak tasarım süresini kısaltır. Ayrıca siteye yeni bir sayfa eklendiğinde kolayca ana sayfaya bağlayabiliriz. Frame’in kelime anlamı “çerçeve” dir. Web sayfanızı değişik bölümlere ayırır. Frame, head ile body arasında oluşturulur.

< frameset >:  Frame oluşturmak için kullanılan tagdır.

cols:  Frame’i sütunlara böler. * yazarsak sayfanın kalan kısmını alır.

rows:   Frame’i satırlara böler. * yazarsak sayfanın kalan kısmını alır.

border:  Bu parametreyi 0 yaparsak çerçeve kenarları görünmez

Bu örnekte ilk önce sayfayı üç sütuna(sol – orta - sag) ayırıyor, daha sonra ortadaki frame’i iki satıra(ust - orta) bölüyor. Frame’in sayfanın ne kadarını kaplayacağını biz belirliyoruz. Burada “sol.html – orta.html – sag.html - ust.html” sayfaları basit birer html sayfası olabilir.

Diğer taglar

Sayfaya çizgi çekme - Kayan yazı ekleme - Türkçe karakter sorunu - Sitenin şarkı söylemesi

< hr >  :  Çizgi çekmek istediğimizde kullanırız. Parametreler alır. Özellikle link eklemeden önce çizgi çekilir.

< marquee > : Kayan yazılar yapılmasını sağlayan tagdır.

direction:  Kayan yazının yönünü belirtir.(right ya da left)

loop:  Kaç kez tur atacağını belirler.

< embed >: Sayfaya müzik dosyası eklemek için kullanılır. Sayfanın şarkı söylemesini sağlar.

autostart: Sayfa yüklenince müziğin çalmaya başlamasını sağlar.(false olabilir)

hidden: Müziği kontrol eden düğmeler görünür. (false olabilir)

< meta … >: İlk satırda içerik dilinin Türkçe olduğu belirtilmektedir. Bu satırlar sayesinde Türkçe karakter sorununuz düzelecektir.

Kaynaklar : 

• Web Tasarım Kılavuzu  ERKAN BALABAN