HTML ile tablo oluşturmak için 3 temel kodu bilmek gerekir.
Bunlar.
| Kod | Anlamı |
|---|---|
| <table> | Tabloya başlamak. |
| <tr> | Satıra başlamak. |
| <td> | Sütuna başlamak. |
Sitedeki diğer tablo örnekleri için tıklayın.
Bazı durumlarda ise tablo içindeki hücrelerin birleşmesi gerekebilir.
Burada dikkat edilmesi gereken birkaç nokta var. Birincisi mutlaka satırlardaki sütun sayıları eşit olmalıdır. Eğer iki sütunu birleştirilecekse colspan=”2″ ya da iki satırı birleştirilecekse rowspan=”2″ özelliğini td kodu içerisinde kullanarak tırnak işareti arasına kaç sütun ya da satır birleştiğini yazmamız gereklidir.
Örneğimizde basit bir kimlik kartı oluşturacağız.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <!doctype html> <html> <head> <title>Menü Uygulaması</title> <meta charset="utf-8"/> </head> <body> <table border="3"> <tr> <th colspan="3">Kimlik Kartı</th> </tr> <tr> <td width="120">Adı</td> <td width="120">Ahmet</td> <td width="120" height="100" rowspan="3" align="center"><img src="resimler/accom.jpg" height="70" width="90" alt="www.yazilimkodlama.com" border="2"></td> </tr> <tr> <td>Soyadı</td> <td>Cansever</td> </tr> <tr> <td>Doğum Tarihi</td> <td>1 Ocak</td> </tr> <tr> <td colspan="2">Bilişim Teknolojileri</td> <td>Sicil No: 123456</td> </tr> </table> </body> </html> |
Yorum Yap