Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<style>
tr, td, th {
padding: 10px;
}
table {
border-collapse: collapse;
margin: 15px;
width: 100%;
}
</style>
<meta charset="UTF-8">
<title>HTML TABLO ÖRNEKLERİ DERSLERİ</title>
</head>
<body>
<h1> DİKEY (VERTİCAL) POZİSYONDA TABLO OLUŞTURMA </h1>
<table border="1px" width="100%">
<caption>TABLO BAŞLIĞI EKLEMEYE YARAR</caption>
<tr>
<th> BAŞLIK 1</th>
<td> Değer 1</td>
</tr>
<tr>
<th> BAŞLIK 2</th>
<td> Değer 2</td>
</tr>
<tr>
<th> BAŞLIK 3</th>
<td> Değer 3</td>
</tr>
</table>
<h1> YATAY (HORİZONTAL) ŞEKİLDE TABLO OLUŞTURMA </h1>
<table border="1px">
<tr>
<th>BAŞLIK 1</th>
<th> BAŞLIK 2 </th>
<th> BAŞLIK 3 </th>
</tr>
<tr>
<td> Değer 1 </td>
<td> Değer 2 </td>
<td> Değer 3 </td>
</tr>
</table>
</body>
</html>