Html Tablo Oluşturma
Merhaba Arkadaşlar Bugün Sizlerle Html’de Tablo Yapımını Göstereceğim. Teorik Olarak Hemen Bir Anlatayım Önce İlk Olarak Biz Ders Programı Tarzı Bir şey Yapacağız.
Hemen Koda Geçelim
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <table border="1" cellpadding="5"cellspacing="5"> <!--cellspacing dış boşluk cell padding iç boşluk--> <caption>.... Üniversitesi Ders Programı</caption> <tr> <th>Ders Adı</th> <th>Gün</th> <th>Saat</th> <th>Ögretim Görevlisi</th> <th>Sınıf</th> </tr> <tr> <td>Web Tasarımı</td> <td>Pazartesi</td> <td>10.10-11.15</td> <td>Tekno Hisar</td> <td>H312</td> </tr> </table> |
ÖNİZLEME
[xyz-ihs snippet=”Tablo”]
Tablonun İngilizcesi “Table” Bildiğiniz Gibi
Border Tablo Sınırı Demektir, Cellpadding İç Boşluk Boyu Cellspacing Dış Boşluktur.
<Caption> Kodu Başlık Eklememize Yarar
<th> Başlık Eklemek İçin Kullanırız.
Tablo Gördüğünüz Gibi Tek Satır Siz Etiketi Koyarak Yeniden Ders Ekleyebilirsiniz.
<td> Etiketi İle İçine Verileri Eklersiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <table border="1" cellpadding="5"cellspacing="5"> <!--cellspacing dış boşluk cell padding iç boşluk--> <caption>.... üniversitesi Ders Programı</caption> <tr> <th>Ders Adı</th> <th>Gün</th> <th>Saat</th> <th>Ögretim Görevlisi</th> <th>Sınıf</th> </tr> <tr> <td>Web Tasarımı</td> <td>Pazartesi</td> <td>10.10-11.15</td> <td>Tekno Hisar</td> <td>H312</td> </tr> <tr> <td> Programlama Temelleri</td> <td>Salı </td> <td> 09.10-11.15</td> <td>Tekno Hisar</td> <td> H312</td> <tr> </table> |
1 Adet Ders Daha Ekliyoruz.
[xyz-ihs snippet=”Tablo2″]
