Embedded Files
HTML Dersleri | HTML Kurulumu | HTML Programlama Dersleri
Bu dersimizde geçen derslerimizde işlediğimiz tablo konusunu tekrar edeceğiz kapsamlı bir şekilde ve bir kaç özellik göstereceğim.
Cellspacing özelliği hücreler arasındaki piksel cinsinden boşluğu belirtir.
Cellpadding özelliği hücre kenarı ile hücre içeriği arasındaki piksel cinsinden boşluğu belirtir.
Rules özelliği ile;
none: Herhangi bir satır oluşturmaz.
groups: Satır ve sütun grupları arasında çizgiler oluşturur.
rows: Satırlar arasında çizgi oluşturur.
cols: Sütunlar arasında çizgi oluşturur.
all: Satırlar ve sütunlar arasında çizgi oluşturur.
Bu üç özellik tablo etiketlerinin içine yazılır.
KOD
KOD
<html>
<head>
<title>11. Uygulama</title>
</head>
<body>
<table border="0" cellspacing="0">
<tr>
<td colspan="3" height="35" align="center" bgcolor="#770000"><font color="#ffffff">XXX Sınıfı Öğrenci Listesi</font></td>
</tr>
<tr height="25" align="center" bgcolor="#ff0000">
<td width="100"><font color="#ffffff">Sıra NO</font></td>
<td width="200"><font color="#ffffff">Okul NO</font></td>
<td width="250"><font color="#ffffff">AD SOYAD</font></td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 1 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center">
<td> 2 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 3 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center">
<td> 4 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 5 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center">
<td> 6 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 7 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center">
<td> 8 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 9 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center">
<td> 10 </td>
<td> </td>
<td> </td>
</tr>
<tr height="25" align="center" bgcolor="#eeeeee">
<td> 11 </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Page updated
Google Sites
Report abuse