WEB TABANLI KODLAMA

İlk satırdaki veri ilgili sütun için “sütun etiketi“ olarak nitelendirilebilir. İlgili sütundaki veriyi betimleme özelliği olduğundan dolayı tabloların ilk satırları diğer satırlarına göre farklı yazılırlar. Bu durumu ifade etmek için html’de table headings th etiketi kullanılmaktadır.

tr etiketi table rows ifadesinin kısaltmasıdır ve tabloda bir satır oluşturur.

Table data td etiketi daha önce tr ile açılan satırda bir hücre oluştur ve td arasındaki veriyi ilgili hücreye yazar.

border-spacing:10px; Tablo kenarlığı ile hücre arasındaki boşluk 10 pixel olarak tanımlanıyor.

border: 2.5px dashed blue; Tablo başlığı ve hücrelere 2.5 pixel kalınlığında mavi kesik çizgili kenarlık tanımlanıyor.

Bir tablonun tek numaralı satırlarının arka plan rengini mavi yapmak için aşağıdaki style ifadesi  kullanılmalıdır:

table tr:nth-child(odd) { background-color: blue; }

table, th, td { // tablo başlığı ve hücreler için tanımlama açılıyor.
          border: 1px solid black; //kenarlık tanımlanıyor.
          border-collapse: collapse;// tablo tek kenarlığa düşürülüyor.
}// tanımlama kapatılıyor.

th { // tablo başlığı için ek özelliği açılıyor.
     background-color: black; // tablo başlığının arka plan rengi siyah olarak ayarlanıyor.
     color:white; // yazı rengi beyaz olarak ayarlanıyor.
} // tanımlama kapatılıyor.

“colspan” sütunların bölünmesi için kullanılır.

“rowspan” satırların bölünmesi için kullanılmaktadır.

her tabloda dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir.
Satır (İng. row) tabloda soldan sağa yan yana geldiğinde bir
birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne
ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü
(İng. entity) tanımlar.

Her tabloda dört temel bileşen bulunmaktadır. Bunlar: Satır, sütun, hücre ve veridir.
Satır (İng. row) tabloda soldan sağa yan yana geldiğinde bir
birey, grup, nesne, lokasyon, şirket vb. anlamlı bir bütüne
ait verileri içerir ve çeşitli özellikleri ile bu anlamlı bütünü
(İng. entity) tanımlar.

ifadesinde web sayfasını enine (solda-sağa) tamamını kaplayacak (yüzde yüzünü) şekilde bir tablo oluşturuluyor. Burada “width:” işlevi ile genişlik bilgisi 100% olarak gönderiliyor.​

Style bölümünde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur.

A

Tablolarda “colspan” sütunların bölünmesi için kullanılırken,
“rowspan” satırların bölünmesi için kullanılmaktadır.

HTML tabloları genellikle verileri hiyerarşik bir şekilde ve diğer verilerden izole bir şekilde
tutmakta ve veri sunumu için katı olmayan kurallar tanımlamaktadır. Bu yapı, araştırmacıları
web tablolarından otomatik olarak veri çekme süreçlerini inceleme konusunda güdülemiştir.
Seung-Jin ve Yiu-Kai Ng (1999) tarafından yapılan çalışmada, iç yapısı önceden bilinmeyen
bir tablonun içerik ağacının otomatik olarak oluşturulması sağlanmıştır. Araştırmacılara göre
söz konusu uygulama, web tablosu kaynaklarına ilişkin bir sorgulama dilinin oluşturulması, html
tablolarının XML ile hazırlanmış veri yığınlarına dönüştürülmesi ve tablo verilerinin veritabanlarına aktarılması için kullanılma potansiyeli taşımaktadır.

html’de tablo başlığı etiketi için "<" ve ">" karakterleri arasında "th" ve "/th" etiketleri kullanılmaktadır.

Style bölümünde yapılan belirtimler ile tüm tablolara uygulanacak bir biçimlendirme tanımlanmış olur.

“id attribute” özelliği sayesinde tablolara kimlik numarası verilerek istenilen tablolara farklı özelliklerin eklenmesi sağlanır.