HTML Ders 4 (Tablo)

1. Tablo Oluşturma
   Tablo <table> </table> etiketi içerisinde oluşturulur. Tablolar tr ve td olarak 2 iç etiketten oluşur.
   <tr> </tr> satır oluşturmak için kullanılır.
   <td> </td> sütün oluşturmak için kullanılır.
   Tablonun kenarlıklarının görünmesi için border="1" parametresi, Genişlik için Width="300" parametresi, yüksekliği için height="500" parametresi kullanılır.

   • <table border="1" width="300">
        <tr>
            <td>deneme 1</td>
            <td>deneme 2</td>
            <td>deneme 3</td>
        </tr>
        <tr>
            <td>deneme 4</td>
            <td>deneme 5</td>
            <td>deneme 6</td>
        </tr>
        <tr>
            <td>deneme 7</td>
            <td>deneme 8</td>
            <td>deneme 9</td>
        </tr>
     </table>

     Önizleme :

     deneme 1	deneme 2	deneme 3
     deneme 4	deneme 5	deneme 6
     deneme 7	deneme 8	deneme 9

2. Tablo da sütun birleştirme
   Tablonun sütunlarını birleştirmek için colspan=" " parametresi kullanılır. Kaç sütun birleştirme yapacaksak tırnak içine o sayıyı yazıyoruz. Daha sonra birleştirmek istediğimiz sütunu siliyoruz.

   • <table border="1" width="300">
        <tr>
            <td colspan="2">deneme 1</td>
            <td>deneme 3</td>
        </tr>
        <tr>
            <td>deneme 4</td>
            <td>deneme 5</td>
            <td>deneme 6</td>
        </tr>
        <tr>
            <td>deneme 7</td>
            <td colspan="2">deneme 8</td>
        </tr>
     </table>

     Önizleme :

     deneme 1		deneme 3
     deneme 4	deneme 5	deneme 6
     deneme 7	deneme 8

3. Tablo da satır birleştirme
   Tablonun satırlarını birleştirmek için rowspan=" " parametresi kullanılır. Kaç satır birleştirme yapacaksak tırnak içine o sayıyı yazıyoruz. Daha sonra birleştirmek istediğimiz satırı siliyoruz.

   • <table border="1" width="300">
        <tr>
            <td rowspan="2">deneme 1</td>
            <td>deneme 2</td>
            <td>deneme 3</td>
        </tr>
        <tr>
            <td>deneme 5</td>
            <td rowspan="2">deneme 6</td>
        </tr>
        <tr>
            <td>deneme 7</td>
            <td>deneme 8</td>
        </tr>
     </table>

     Önizleme :

     deneme 1	deneme 2	deneme 3
     	deneme 5	deneme 6
     deneme 7	deneme 8

İlgili Konular

0 Yorum