 <TD> Tagı
Tablo içerisinde bir hücre oluşturmak için kullanılır ve mutlaka bitiş tagı kullanılmalıdır. Hücreleri oluştururken dikkat edilmesi gereken konu tüm satırlarda eşit miktarda hücre olması gerektiği ve her hücre için hem açış tagı <TD> ve hemde bitiş tagının </TD> doğru olarak kullanılması gerektiğidir. Aslında eğer bir satıra/sütuna diğer satır veya sutunlardan daha az hücre konulabilir. Bunun için gerekli olan özellikleri birazdan inceleyeceğiz. Şimdi <TD> tagının özelliklerini inceleyelim. - ALIGN
Hücre içerisindeki bilgilerin yatay hizalanmasını ayarlar. Etkisi sadece o hücre için görülecektir. Alacağı değerler Left, Right ve Center değerleridir. - VALIGN
Hücre içerisindeki bilgilerin dikey hizalanmasını ayarlar. Etkisi sadece kullanıldığı hücre için belirir. Alacağı değerler Top, Middle ve Bottom değerleridir. - BGCOLOR
Hücrenin zemin rengini belirler. - BACKGROUND
Hücrenin altına belirtilen resmi döşer. - WIDTH
Hücrenin genişliğini belirler. Değer veya yüzdelik olarak belirtilebilir. Bir sütunda olan tüm hüzreler değer kullanılsade kullanılmasade engeniş hücrenin genişliğinde olacağını unutmamak gerekir. - HEIGHT
Hücrenin yüksekliğini belirtir. Değer veya yüzdelik olarak belirtilebilir. Bir satırdaki tüm hücreler en yüksek hücre ile aynı yükseklikte görüntülenir.
Bir hücre için kullanacağımız bazı özellikleri yukarda saydık. Yine bazı özellikleri ise ilerde tanıtacağız. Şimdi bir örnek ile konuyu anlamaya çalışalım.
<CENTER>
<TABLE BGCOLOR="Silver" WIDTH="70%" BORDER="3"
CELLSPACING="5" CELLPADDING="3">
<TR ALIGN="Center" BGCOLOR="Yellow"
VALIGN="Middle" HEIGHT="30%">
<TD BGCOLOR="Blue" ALIGN="Rıgnt"
VALIGN="Top">
<B> Bu hücre zeminin mavi ve yazılar üst/sağa
yanaşık olarak gösterilir.</b>
</TD>
<TD>Bu hücrede herhangi bir ayar yoktur. Bu nedenle
bir üst tagı olan TR ve onun üzerindeki TABLE taglarının
ayarlamalarını kullanır.
</TD>
<TD BACKGROUND="zemin.gif" WIDTH="40%">
<FONT COLOR="White" SIZE="+1">
Bu hücrenin zeminine zemin.gif adlı resim döşenecektir.
Genişliği ise yüzde kırk olarak ayarlandı.
</FONT>
</TD>
<TR>
<TD ALIGN="Left" VALIGN="Bottom"> Yazılar sola ve alta
yanaşık olarak gösteriliyor.
</TD>
<TD BGCOLOR="Blue" VALIGN="Top" HEIGHT="40%">
Bu hücrede yazılar üst kenara yanaşık gösterilir.
Ayrıca zemin rengi mavidir.
</TD>
<TD> Bu hücre üst tagların ayarlarını kullanır.
</TD>
</TR>
</TABLE>
</CENTER> Bu ifadelerin sonucunda aşağıdaki tablo oluşacaktır. | Bu hücre zeminin mavi ve yazılar üst/sağa yanaşık olarak gösterilir. | Bu hücrede herhangi bir ayar yoktur. Bu nedenle bir üst tagı olan TR ve onun üzerindeki TABLE taglarının ayarlamalarını kullanır. | Bu hücrenin zeminine zemin.gif adlı resim döşenecektir. Genişliği ise yüzde kırk olarak ayarlandı. | | Yazılar sola ve alta yanaşık olarak gösteriliyor. | Bu hücrede yazılar üst kenara yanaşık gösterilir. Ayrıca zemin rengi mavidir. | Bu hücre üst tagların ayarlarını kullanır. | Bir tabloda <TABLE> tagına uygulanan bir özellik tüm hücreleri etkiler, <TR> tagına uygulanan özellik ise o satırda bulunan tüm hücreleri etkiler, eğer aynı özellik <TABLE> tagında farklı bir değerde belirtilmiş ise <TR> tagının değeri hücrelerde kullanılır. <TD> tagı ile belirtilen değer ise sadece kullanıldığı hücreyi etkiler ve eğer <TABLE> ve/veya <TR> tagı ile ayarlanan aynı özellik değerini kullanılmasını engeller. Bu örneğimizde BORDERCOLOR şeklinde bir özelliği <TABLE> tagı içerisinde kullandık. Bu özellik ile çerçeve rengini belirleyebilirsiniz. Fakat dikkatli kullanmak gerekir. Çünkü tüm browserler bu özelliği desteklemezler ve desteklemeyen browserler öntanımlı renk ile çerçeveyi çizerler.
 |
Bu içeriğe ait yorumları masaüstüne alabilirsiniz
