Yazeka
Arama sonuçlarına göre oluşturuldu
Frontend'de tablo oluşturmak için aşağıdaki yöntemler kullanılabilir:
- HTML ve CSS ile tablo oluşturma 2. Bir tablo,
<table>
etiketiyle başlar ve</table>
etiketiyle biter 2. Tablolar, header (başlık), body (gövde) ve footer (alt bilgi) bölümlerinden oluşur 2. - Bootstrap ile tablo oluşturma 34. Bootstrap'ta tablo oluşturmak için temel sınıf olarak
.table
eklenir, ardından isteğe bağlı modifikasyon sınıfları veya özel stillerle tablo özelleştirilebilir 4.
Örnek HTML kodu:
<table> <thead> <tr> <th>Id</th> <th>İsim</th> <th>Soy İsim</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Murat</td> <td>Bilginer</td> </tr> <tr> <td>2</td> <td>Meryem</td> <td>Bilginer</td> </tr> </tbody </table>
Örnek Bootstrap kodu:
<div class="container"> <h2>Temel Tablo</h2> <table class="table"> <thead> <tr> <th>ADI</th> <th>SOYADI</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Tekno</td> <td>TOWER</td> <td>teknotower@example.com</td> </tr> <tr> <td>Emre Fatih</td> <td>YÜCEL</td> <td>fatih@example.com</td> </tr> <tr> <td>Murat</td> <td>BERKSOY</td> <td>murat@example.com</td> </tr> </tbody> </table>
5 kaynaktan alınan bilgiyle göre: