Html ile tablo oluşturma için yapmanız gerekenler çok kolay. Basitçe özetlersek, <table> </table> etiketleri arasına tablomuzu oluşturuyoruz. Satır oluşturmak için <tr> etiketini, sütun oluşturmak için ise <td> etiketi kullanıyoruz. Eğer tablonuzda header olmasını istiyorsanız da <th> etiketini kullanabilirsiniz. Gelin hep beraber bir örnek yapıp çıktısına beraber bakalım.
Kod Örneği
<!DOCTYPE html>
<html>
<head>
<style>
th,td,tr{
border: 1px solid #000;
text-align: unset;
}
table{width : 100%},
</style>
</head>
<body>
<h3>Tablo</h3>
<table>
<tr>
<th>Ad</th>
<th>Soyad</th>
<th>E-Posta</th>
</tr>
<tr>
<td>Anıl</td>
<td>ALAN</td>
<td>anil@infreza.com</td>
</tr>
<tr>
<td>Berkay</td>
<td>BABATAŞ</td>
<td>berkay@infreza.com</td>
</tr>
</table>
</body>
</html>
Not: <th> etiketi varsayılan olarak ortalanmış olarak gelir. Text-align unset diyerek normal haline getiriyoruz.
Herhangi bir sorunuz için yorum yaparak bizlere ulaşabilirsiniz.
Yazı ile ilgili düşüncelerinizi yorum olarak bizlerle paylaşırsanız çok seviniriz. Benzer içeriğimiz olan google nasıl çalışır yazımıza alıntılara buradan ulaşabilir, mobil uygulamalarımızı indirmediyseniz de aşağıdaki görsele tıklayarak mobil uygulamamıza ulaşabilirsiniz.
