Metinleri listelerin yanı sıra tablolar yardımıyla da web sayfamızı düzenleyebiliriz. Sörf yaparken rastladığımız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir sayfa tasarlamak için tablolara hakim olmak çok önemlidir.Peki tablo oluşturmayı nasıl yaparız? Bir HTML dosyasında tablo oluşturmak için 3 temel kodu bilmemiz yeterli:
| Kod | Anlamı |
| <table> | Tabloya başlamak. |
| <tr> | Satıra başlamak. |
| <td> | Sütuna başlamak. |
Ayrıca tabloya baslık eklemek istiyorsak <td> kodlarını <th> ile değiştirmemiz yeterli olacaktır. Şimdi anlattıklarımızla ilgili örnek yapalım :
Yukarıda gördüğümüz kodları metin editörüne yazıp .html uzantısıyla kaydedersek ve bu dosyası çalıştırdığımız zaman ekrana aşağıdaki bir sayfa gelecektir.
Tablo olustururken kullanılan genel kodlar
Son olarak eğer bir sütuna hiçbir şey yazmadan boş bırakırsak sütun görünmeyecektir. Bu sorunu çözmek için kullanarak kutuda boşluk karakterine yer verirseniz kenarlıkların göründüğünü göreceksiniz.
| Özellik | Anlamı |
| border="0" | Tablo kenarlığı boyutu. |
| cellspacing="0" | Sütunlar arası kenarlık boşluğu. |
| cellpadding="0" | Satırlar arası kenarlık boşluğu. |
| width="genislik" | Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir. |
| class="stil" | Tablo stili belirtilebilir. |
<TD> ile kullanılan kodlar
| Özellik | Anlamı |
| align="hiza" | Kutu hizası, left, right, center kullanılabilir. |
| width="genislik" | Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir. |
| height="yukseklik" | Tablo yüksekliği. Piksel ya da yüzde olarak ifade edilebilir. |
| class="stil" | Tablo stili belirtilebilir. |
Son olarak eğer bir sütuna hiçbir şey yazmadan boş bırakırsak sütun görünmeyecektir. Bu sorunu çözmek için kullanarak kutuda boşluk karakterine yer verirseniz kenarlıkların göründüğünü göreceksiniz.
Hiç yorum yok:
Yorum Gönder