Tablo Oluşturmanın Mantığı
Tablo oluşturmaya giriş yapmadan önce mantığını öğrenelim. Tablo oluşturmanın mantığı çok basittir.
1. Adım: Tablo oluşturmak için ilk önce <table> yazarız.
<table>
...
</table>
2. Adım: Tablomuzun satırlarını oluşturmak için <tr> etiketini kullanırız.
<table>
<tr>
...
</tr>
</table>
3. Adım: <tr> etiketi bir satırın tamamını temsil eder. Ardından bu satırı bölümlere ayırmak kaldı. Bunun için <td> etiketini kullanırız.
<table>
<tr>
<td>Sabah Namazı</td>
<td>Akşam Namazı</td>
<td>Öğle Namazı</td>
<td>İkindi Namazı</td>
<td>Yatsı Namazı</td>
</tr>
</table>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Namaz Vakitleri</title>
</head>
<body>
<table>
<tr>
<td>İmsak</td>
<td>Güneş</td>
<td>Öğle</td>
<td>İkindi</td>
<td>Akşam</td>
<td>Yatsı</td>
</tr>
</table>
</body>
</html>
Gördüğünüz gibi <table> etiketiyle tablomuzun temelini oluşturmuş olduk. Ardından <tr> etiketimizi girerek bir satır oluşturduk ve <td> etiketleriyle satırımızı bölümlere ayırdık.
Tablomuza çerçeve eklemek için border niteliğini kullanırız. border niteliğine verdiğimiz değer tablomuzun kalınlığı olur.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Namaz Vakitleri</title>
</head>
<body>
<table border="1">
<tr>
<td>İmsak</td>
<td>Güneş</td>
<td>Öğle</td>
<td>İkindi</td>
<td>Akşam</td>
<td>Yatsı</td>
</tr>
</table>
</body>
</html>
Gördüğünüz gibi tablomuza çerçeve eklemiş olduk.