Handan Erdağ Bilişim Sektöründe Bir Kadın
HTML’de Adım Adım Tablo Oluşturmanın Yolları
Öncelikle tablo oluşturmak için HTML ‘ de table tagını kullanmayı bilmemiz gerekir.
<table> …. </table> – Tablomuz table tagı arasında kurulur.
Table tagından sonra mutlaka tr ve td tagları kullanılır.
<tr></tr> – Her satır tanımlandığında tr etiketi kullanılır.
<td></td> – Her hücre tanımlandığında td etiketi kullanılır.
- Table Kullanımı
- Örnek Table
<table border=”1″>
<tr><td>1. hücre</td><td>2. hücre</td><td>3.hücre</td></tr>
<tr><td>4. hücre</td><td>5. hücre</td><td>6. hücre</td></tr>
</table>
| 1. hücre | 2. hücre | 3.hücre |
| 4. hücre | 5. hücre | 6. hücre |
border: Tablo çerçevesinin kalınlığını belirler. Border=”0″ dersek tabloda çerçeve bulunmaz.
bgcolor: Tabloya ya da hücreye renk vermek için kullanılır. <table bgcolor=”red”> şeklinde kullanarak bütün tabloya ya da <td bgcolor= “red”> şeklinde sadece tek bir hücreye renklendirebiliriz.
colspan: Aynı satırda ki hücreleri birleştirmek için kullanılır.
rowspan: Aynı sütunda ki hücreleri birleştirmek için kullanılır.
- Table Kullanımı
- Örnek Table
<table border=”1″>
<tr><td>1. hücre</td><td>2. hücre</td><td>3. hücre</td></tr>
<tr><td rowspan=”2″>4. hücre</td><td colspan=”2″>5. hücre</td></tr>
<tr><td>6. hücre</td><td>7. hücre</td></tr>
</table>
| 1. hücre | 2. hücre | 3. hücre |
| 4. hücre | 5. hücre | |
| 6. hücre | 7. hücre | |
