HTML Dersleri | HTML Kurulumu | HTML Programlama Dersleri
Bu dersimizde önceki derslerimizde gördüğümüz çoğu konuyu tekrar edeceğiz ve tablo konusunda kenarlık rengini ayarlamayı öğreneceğiz.
"<table bordercolor= "white">" etiketinde "bordercolor" ile kenarlıkların rengini ayarlıyoruz.
Yukarıdaki dosyayı indirirseniz tablodaki fotoğraflarda gözükür ama kodları incelemek isterseniz aşağıdaki kodlara bakabilirsiniz.
<html>
<head>
<title>12. Uygulama</title>
</head>
<body>
<table border="2" bgcolor="000000" bordercolor= "white">
<tr align="center">
<td width="50" height="450"rowspan="5"><font color="ffffff">B<br>U<br>R<br>S<br>A<br><br>M<br>L</font></td>
<td colspan="4" height="35" align="center" bgcolor="#770000"><font color="#ffffff">XXX Sınıfı Fotoğraflı Öğrenci Listesi</font></td>
</tr>
<tr align="center">
<td width="150" height="20"><font color="ffffff">Sıra NO</font></td>
<td width="150" height="20"><font color="ffffff">Okul NO</font></td>
<td width="150" height="20"><font color="ffffff">Ad Soyad</font></td>
<td width="100" height="20"><font color="ffffff">Fotoğraf</font></td>
</tr>
<tr align="center">
<td width="150"><font color="ffffff">1</font></td>
<td width="150"><font color="ffffff">785</font></td>
<td width="150"><font color="ffffff">Canan Koç</font></td>
<td width="100"><img src="image/kız.jpg" width="100"></td>
</tr>
<tr align="center">
<td><font color="ffffff">2</font></td>
<td><font color="ffffff">598</font></td>
<td><font color="ffffff">Mehmet Kaya</font></td>
<td><img src="image/erkek.jpg" width="100"></td>
</tr>
<tr align="center">
<td><font color="ffffff">3</font></td>
<td><font color="ffffff">242</font></td>
<td><font color="ffffff">Alperen Yılmaz</font></td>
<td><img src="image/erkek.jpg" width="100"></td>
</tr>
</table>
</body>
</html>