HTML Tablo Oluşturma Örneği

Bilmemiz gereken komutlar;

border = Tablonun çerçevesini oluşturur.

bgcolor = Tablo arka planını değiştirmemize yarar.

cellpadding = Tablonun boyutunu arttırır.

rowspan = Tablodaki hücreyi Dikey olarak uzatmamıza yardımcı olur.

colspan = Tablodaki hücreyi Yatay olarak uzatmamıza yardımcı olur.

Basit bir tablo oluşturalım…

<table border="3" cellpadding="10">     border kısmında çerçevemizi oluşturup,

      <tr>                                                            cellpadding kısmında tablomuzu büyüttük.

            <td>a</td>

            <td>b</td>

            <td>c</td>

      </tr>

      <tr>

            <td>a</td>

            <td>b</td>

            <td>c</td>   

      </tr>

      <tr>

            <td>a</td>

            <td>b</td>

            <td>c</td>

      </tr>

</table>

Görünümü aşağıdaki gibidir.

A	B	C
D	E	F
G	H	I

Rowspan ve Colspan Kullanımı;

<table border="2" bgcolor="white" cellpadding="30">                                         

<!-- bgcolor kısmında tablonun arka planını beyazlattık  -->

        <tr>

               <td >AA1</td>

               <td >AA2</td>

               <td >AA3</td>

                <td rowspan="3" >AA4</td>      <!-- rowspan 3 yazarak hücreyi 3 satır uzattık -->                       </tr>  

       <tr>

               <td colspan="3">BB1</td>          <!-- colspan 3 yazarak hücreyi 3 sütun uzattık -->                     </tr> 

       <tr>

               <td colspan="2" >CC1</td>

                <td >CC2</td>

      </tr>

</table>

Bu Örneğin Çıktısı aşağıdaki gibidir…

AA1	AA2	AA3	AA4
BB1
CC1		CC2

Sayfa Olarak Görünümü Bu Şekildedir.