HTML site yapımını en önemli konularından birisidir. Siteler tablolama mantığı üzerine kurulur.
<table>
<tr><td>Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â </td></tr>
<tr><td>Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â </td></tr>
Â
Örnek:
<table border=1 width=500 height=300 bgcolor=green>
<tr><td>Hücre 1 </td><td>Hücre 2 </td></tr>
<tr><td>Hücre 3 </td><td> Hücre 4 </td></tr>
</table>
Â
<tr> è Satır açar    Â
<td> è Sütun açar  Â
Â
<table> Takısının Parametreleri
Â
<table border=1> è Bu parametre hücrenin ve tablonun etrafındaki çerçevenin kalınlığını ayarlamak için kullanılır.
<table width=100> è Tablonun pixel cinsinden genişliğini ayarlamak için kullanılır.
<table height=50> è Tablonun pixel cinsinden yüksekliğini ayarlamak için kullanılır.
<table cellspacing=2> è Tablonun içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını pixel olarak ayarlamak için kullanılır.
<table cellpadding=5> è Hücrelerin içerisindeki metin, resim, v.s gibi web sayfası öğelerinin hücre sınırlarından uzaklıklarını ayarlamak için kullanılır.
<table bgcolor=ffff00> è Tablonun genel arka plan rengini belirlemek için kullanılır.
<table align=left> ; <table align=right>; <table align=center>è Tablonun konumunu ayarlamayı sağlar.
<table background=tugla.gif> è  Tablonun arkasına resim konulabilir.
< table bgcolor=ffff00 > è Tablonun arka zemin rengini ayarlar.
Â
<td> Takısının Parametreleri
Burada parametre kullanarak Tablo’nun hücrelerinin içeriğini sağa, sola veya ortaya yaslayabilir. Hücrelerin arka plan renklerini ayrı ayrı değiştirebiliriz.
Â
<td align=left> right; center è Hücrenin içerisinde yer alan metin, resim, grafik vs. gibi web sayfası öğelerini sola, sağa veya ortaya hizalayabiliriz.
<td bgcolor=00ffff> è Hücrenin arka plan rengini, diğer hücrelerden veya tablonun genel arka planından bağımsız olarak değiştirir.
<td width=250> è Hücre genişliğini belirlemek için kullanılır.
<td colspan=2> è Bu hücrenin genişliğinin 2 sütun genişliğinde olduğunu gösterir.
<td rowspan=2> è Bu hücrenin yüksekliğinin 2 satır yüksekliğinde olduğunu gösterir.
<td background=hasan.gif> è Hücrenin arka planına bir resim yerleştirir.
Â
Örnek:
<table bordercolor=lightblue cellspacing=4 width=500>
<tr><td> A </td><td> B </td><td> C </td></tr>
<tr><td> D </td><td> E </td><td> F </td></tr>
<tr><td> G </td><td> H </td><td> I </td></tr>
</table>
Â
Â
Â
è Rowspan    è Colspan
Â
<body>
<table border=1>
<tr><td>A</td><td>B</td><td rowspan=2>C</td></tr>
<tr><td>D</td><td>E</td></tr>
<tr><td colspan=3>F</td></tr>
Â
colspan è Sütun Birleştir
rowspan è Satır Birleştirir
Â
Yorumlar
Yorum Yok
Yorumunuzu Ekleyin
Yorum eklemek için giris yapmalısınız.