HTML Ders 4 (Tablo)

0
omerbili
4301
7.10.2012 15:00:00
  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
Etiket:
html örnekler table html table tr, td html dersleri html eğitimi html örnekleri html css dersleri html Tablo

İlgili Konular

Yorum Yap

Boş Geçilmez
Boş Geçilmez
Boş Geçilmez

0 Yorum