Merhabalar.
Bu konu clean tasarımdan ziyade css ile alakalı bir konudur. Table komutları sitede otomatik olarak gizlenmekte ve borderlar bu nedenle gözükmemektedir. Buna çözüm olarak sitenizin css kodu kısmına aşağıdaki kodları ekleyerek veya yine sitenizde tablo ekleyeceğiniz sayfada <style></style> tagları arasına kodları ekleyerek sayfanızdaki tablonun görünürlüğünü düzenleyebilirsiniz. Bu konuda arama motorlarında
html tables diye bir arama yaparsanız ortaya çıkacak sonuçlar ile tablolarınızı daha da güzelleştirebilirsiniz. Bununla birlikte şayet css bilginiz varsa veya öğrenmek gibi bir girişiminiz bulunuyorsa bu tablolardan daha çok sadece css ile hazırlanmış bir çok tablo oluşturabilir, daha rahat düzenlemelerde bulunabilirsiniz.
Konumuza dönecek olursak genel yapıyı anlamanız açısından aşağıya bir görsel hazırladım;
Yukarıdaki görselin kodlarına göz atmamız gerekirse; (sıfır bir html sayfasını kendimize temel alıyoruz)
Kod: <!DOCTYPE html>
<html>
<head>
<title>deneme</title>
<style type="text/css">
table {
display: block;
border: 1px solid orange;
padding: 15px;
} table tr {
display: block;
border: 1px solid blue;
padding: 15px;
} table tr td {
border: 1px solid red;
padding: 15px;
}
</style>
</head>
<body>
<table>
<tr>
<td>Tablo 1</td>
<td>Tablo 2</td>
<td>Tablo 3</td>
</tr>
<tr>
<td>Tablo 4</td>
<td>Tablo 5</td>
<td>Tablo 6</td>
</tr>
</table>
</body>
</html>