HTML Tablolar
Lisans:
Creative Commons
26.11.2020
tarihinde güncellendi
Bakabileceğiniz Etiketler:
Eğitmen:
Geleceği Yazanlar Ekibi
Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.
Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği için öncelikle etiketlerin anlamlarını öğrenecek, sonrasında çeşitli parametleri kullanarak nasıl daha düzenli hale getirebileceğinizi göreceksiniz.
Şimdi ülkelerin nüfuslarını bir tabloda nasıl verdiğimize bakalım:
<html>
<head>
<title>TABLO UYGULAMASI</title>
</head>
<body>
<table border="2">
<!-- tablo tanımı başlangıcı -->
<caption> ÜLKELER VE NÜFUSLARI </caption>
<!-- başlık tanımı -->
<tr>
<!-- başlık satırı tanımı -->
<th>ÜLKE ADI</th>
<th>NÜFUSU</th>
</tr>
<!-- başlık satırı tanımının sonu -->
<tr>
<!-- ilk satır tanımı -->
<td>AVUSTURYA </td>
<td>8,000,000</td>
</tr>
<!-- ilk satır tanımının sonu -->
<tr>
<td>ALMANYA</td>
<td>80,000,000</td>
</tr>
<tr>
<!-- son satır tanımının başlangıcı -->
<td>TÜRKİYE</td>
<td>73,000,000</td>
</tr>
<!-- son satır tanımının sonu -->
</table>
<!-- tablo tanımının sonu -->
</body>
</html>
Şimdi tek hücreli bir tablo oluşturarak daha detaylı inceleyelim:
<html>
<head>
<title>TABLO UYGULAMASI</title>
</head>
<body>
<table border="2" cellspacing="0" cellpadding="5">
<tr>
<td>TEK HÜCRELİ BİR TABLO</td>
</tr>
</body>
</table>
</html>
Son olarak zemin rengi değiştirilmiş bir tablo örneğiyle eğitimi sonlandıralım:
<html>
<head>
<title>TABLO UYGULAMASI</title>
</head>
<body>
<table border="2" cellspacing="0" cellpadding="5" align="left" bgcolor="ffcbf0">
<tr>
<td>PADOVA</td>
</tr>
</table>
Venedik'in bu kadar yakınında olması belki şanssızlığıdır.<br>
Gizemli bir Kuzey İtalya şehridir.<br>
Avrupa'nın en eski tıp fakültesi buradadır.
</body>
</html>