HTML Dersleri (4) : Tablolar ve çerçeveler

Dikkat: Bu yazının yazılma tarihinin üzerinden en az 60 gün geçmiş. İçerisindeki bilgiler güncelliğini yitirmiş olabilir. Yorumları ve güncellemeleri göz önünde bulundurarak yazıyı takip ediniz.

Tablolar

Ana tablo etiketleri 3 tanedir, tablo tanımı, tablo satırı ve tablo hücresi.

table

Boş bir tabloyu ifade eder. içerisine girilen satır, sütun kuralları ile tabloyu oluşturur. Tablo hakkında genel bilgileri, ayarları içerir. Argümanları şöyle

bgcolor artalan rengini,
cellpadding tablo hücrelerindeki kenar boşluklarını,
cellspacing tablo hücrelerinin birbirleri arasındaki boşluğu,
border tablo ve hücrelerini belirleyen çerçeveyi ayarlar.

tr (Table Row : Tablo Satırı)

Tabloda satırlar eklemeden sütun ekleyemezsiniz. Her sütun bulunması gereken satırın içerisinde yer alamalıdır. Satırdaki ortak özellikleri tr etiketinin parametreleri ile düzenleyebilirsiniz (örneğin, artalan rengini).

td (Table Data : Tablo Hücresi)

Tablodaki hücreler için tanımlanması gereken son etikettir. İçinde bulunduğu satırda bir sütunu ifade eder.

Örnek tablo yapısı ;
<table border="1" cellpadding="5">
  <tr bgcolor="#CCCCCC">
    <td bgcolor="#FFFFFF">
      1.Sütun
    </td>
    <td>2.Sütun</td>
    <td>3.Sütun</td>
  </tr>
</table>
Öncelikle çerçevesi geçerli renk ve stilde 1 piksellik boş tablo tanımlanıyor. 1 satır, artalan gri olarak tanımlanıyor. 1. Sütunda artalan sadece o hücre için beyaz belirleniyor. Diğer sütunlarda ise tr etiketinde tanımlanan gri renk artalan olarak belirlenmiş oluyor. Yukarıdaki kodun çıktısı ;

1.Sütun2.Sütun3.Sütun

Önemli NOT : Her satırdaki sütun sayısı eşit olmalıdır. Eşit olmayan tabloların yapısı bozuktur.

Bir hücre kendi dengindeki hücrelerden kapsaması gereken kadar hücreyi td etiketinde cospan ve rowspan parametreleri belirtilerek ayarlanabilir.

Çerçeveler

Çerçeveler konusunda tek önerim, iç çerçeveler dışında çerçeve tekniği kullanmamanız doğrultusunda olacaktır. İç çerçeveler sayfalarda resim gibi belirli bir alan kaplayan ve o alan içerisinde sanki tarayıcı penceresi oraya sığdırılmış gibi görüntülenir. Eğer çok kolonlu veya çok satırlı sayfalar yapmak istiyorsanız tablo yapısını kullanarak öncelikle iç çerçeveleri sığdıracağımız alanı belirler, stillerle destekli iç çerçeve ekleyerek o çerçeveler içerisinde sayfalarımızı görüntüleriz. Bu işin normal methodunda ise neredeyse aynı mantığa sahip bir yapıyla, birden çok sayfa kullanırız. kod olarak aynı hatta daha fazla alan kaplayan dosyalar hazırlamış oluruz. Bana güvenin ve sadece bunu öğrenin. Örnek kod vermek gerekirse;
<iframe src="menu.htm" frameborder="0" width="100%" height="200">
menu.htm dosyasını bütün satır genişliğinde (yani 100%), 200 piksel uzunlukta ve çerçevesiz görüntüler.

İç çerçevelerin normal çerçevelerden farkı, istediğiniz yere koyabilmenizdir. normal çerçevelerde kurallar konuşur o açıdan hiç öğrenmeye bile gerek yoktur. Hatta gerek olmadıkça çerçeve bile kullanmayın.


Hazırlayan : Mehmet Fatih YILDIZ

Bu döküman 30.02.2008 tarihinde yeniden düzenlenmiştir.

Yorumlar

Üye Resmi sinan
6 Şubat Çarşamba ´08 18:50
Bu döküman 30.02.2008 tarihinde yeniden düzenlenmiştir.
tarihte bir yanlışlık var
Üye Resmi SEFA AYDIN
18 Mart Salı ´08 16:56
Merhaba;
sizinle daha önce tanışma fırsatı bulmuş olan bir arkadaşım gösterdi.
siteniz gerçekten harika ötesi. her yönüyle mükemmel olmuş.
başarılarınızın devamını dilerim..

konu ile ilgili yoruma gelincede konularınız çok sadece ve öğretici. sıkıcı şeylerden uzun yazılardan uzak durulmuş. (gördüğüm kadarıyla). bundan sonra bu sitenin takipçisiyim..

umarım en yakın zamandada tanışma fırsatı bulurum..
Yeni Yorum *
İletişim Bilgileri
*
*
E-Posta adresiniz gösterilmeyecektir.
(unut)
Güvenlik Kodu *

Gönderiliyor