Ders7

Tablolarla Çalışmak :

Tablolar ile çalışılırken 3 temel tag kullanılır. Bunlar <TABLE>, <TR> ve <TD> taglarıdır. TABLE tagı bir tablo hazırlandığını, TR tagı tablodaki Satırları ve TD tablodaki kolonları gösterir. Aşağıdaki örneği inceleyiniz.

<HTML>
<HEAD>
<TITLE>Başlık Çubuğu için Birşeyler Karala...</TITLE>
</HEAD>
<BODY>
<table border="20" width="50%">
    <tr>
        <td width="33%">1.KOLON</td>
        <td width="33%">2.KOLON</td>
        <td width="34%">3.KOLON</td>
    </tr>
</table>

<p> </p>

<table border="15" width="70%">
    <tr>
        <td width="100%">1.SATIR</td>
    </tr>
    <tr>
        <td width="100%">2.SATIR</td>
    </tr>
    <tr>
        <td width="100%">3.SATIR</td>
    </tr>
</table>

<p> </p>

<table border="5" width="100%">
    <tr>
        <td width="33%">1.KOLON-1.SATIR</td>
        <td width="33%">2.KOLON-1.SATIR</td>
        <td width="34%">3.KOLON-1.SATIR</td>
    </tr>
    <tr>
        <td width="33%">1.KOLON-2.SATIR</td>
        <td width="33%">2.KOLON-2.SATIR</td>
        <td width="34%">3.KOLON-2.SATIR</td>
    </tr>
</table>
 
</BODY>
</HTML>

Sonucun ne olduğunu görmek için tıklayın.

Hücrelerin birleştirilmesi için ROWSPAN ve COLSPAN parametreleri kullanılır.

<HTML>
<HEAD>
<TITLE>Başlık Çubuğu için Birşeyler Karala...</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=3 BGCOLOR="red">
    <TR>
        <TD COLSPAN=2 BGCOLOR="green">11 ve 12</TD>
        <TD>13</TD>
    </TR>
    <TR>
        <TD>21</TD>
        <TD>22</TD>
        <TD>23</TD>
    </TR>
</TABLE>
 
<p> </p>
<TABLE BORDER=3>
    <TR>
        <TD ROWSPAN=2>11 ve 21</TD>
        <TD>12</TD>
        <TD>13</TD>
    </TR>
    <TR>
        <TD>22</TD>
        <TD>23</TD>
    </TR>
</TABLE>
</BODY>
</HTML>

Sonucun ne olduğunu görmek için tıklayın.