İlginizi Çekebilir
HTML Span Etiketi

HTML Tablo Oluşturma

HTML Tablo Oluşturma

Bu yazımızda sizlere HTML tablo oluşturma ve tablo yapılarının işleyişi hakkında bazı bilgiler vereceğim.
Tablolar table etiketleri arasında yazılmaktadır.
Satır oluştururken: tr
Sütun oluştururken: td
etiketleri kullanılır.
 
 
Örnek bir tablo yapısı:

İsimlerVizeFinal
Ömer7560
Emre5080

Bu tablonun kod yapısını inceleyecek olursak;

 
 
Örnek bir tablo yapısı:

DerslerEmreÖmerAli İhsanMustafa
Web Programlama908010095
Veri Tabanı759080100
Algoritmaya Giriş100758080

 
 

Tablo Özellikleri

Tablolarımızı oluştururken çeşitli özelleştirmeler yapabilmekteyiz. Hücreleri birleştirme, tablo genişliği ve yüksekliği, hizalama, arka plan rengi değiştirme gibi fonksiyonlar bulunmakta.
 

Tablo renklendirme

bgcolorkullanarak renklendirme yapabiliriz. Bu renklendirmeleri yaparken; html renk kodlarını kullanabilirsiniz.

İsimlerVizeFinal
Ömer7560
Emre5080

 
 

Tabloya çerçeve ekleme

Tablomuzu daha belirgin yapmak veya göze hoş gözükmesini sağlamak için çerçeve kalınlığını değiştirebilir, çerçeve rengini farklı renklerde yapabiliriz. Çerçeve ekleme, renklendirme gibi özelleştirmeleri styleile belirtmekteyiz.
Çerçeve eklemek için borderetiketini kullanarak kalınlığını px ile belirliyoruz. Örnek: border: 5px
Çerçeve rengini belirlemek için solidetiketini kullanıyoruz. HTML renkleri için tıklayabilirsin. Örnek: solid red;
HTML Tablo Çerçeve Ekleme

 
 

Tablo genişlik ve yüksekliği ayarlamak

widthile tablo genişliği,
heightile tablo yüksekliği ayarlanmaktadır.
Html tablo boyutlandırma

 
 

Tabloyu hizalama, konumlandırma

Hizalama yaparken, alignetiketi kullanılır.
sağa yaslı hizalamak için, righttagı kullanılır,
sola yaslı hizalamak için, lefttagı kullanılır,
ortalamak için centertagı kullanılır

HTML TABLO HİZALAMA
1. SATIR
2. SATIR
3. SATIR

 
 

Aynı sütunda ki hücreleri birleştirmek

rowspankullanarak aynı sütunda ki hücreler birleştirilir.

1234
56
7

 
 

Aynı satırda ki hücreleri birleştirmek

colspankullanarak aynı satırda ki hücreler birleştirilir.

12
3456
78
910

Yorum Yap

Yorum Yap