26 Kasım 2013 Salı

HTML Table

HTML Dersleri
HTML Tablolarla Çalışmak 

<table> : İçerisine satır, sütun ve çok boyutlu görsel yapılar eklenebilen ayrıca veri sunumu yapılabilen tablo oluşturulmasını sağlar. <table> etiketi içinde CAPTION, COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD ve TR etiketleriy kullanılabilir. Diğer HTML kodları bu etiketlerin içine eklenir. <table> etiketi içinde TH veya TD ile oluşturulacak sütun miktarı olmamasına karşın Internet Explorer 8 en fazla 1000 sütun göstermekle sınırlandırılmıştır.

Tablolar <table> etiketi ile tanımlanır. Bir tablonun <tr> etiketi ile satırları belirlenir ve her satır <td> etiketi ile veri hücrelerine ayrılır. <td> (table data yani tablo veri) anlamına gelir ve bir veriyi hücrenin içeriğinde tutar. Bir <td> etiketi ise metin, bağlantılar, resimler, listeler, formlar, ve diğer tabloları içerebilir.

Html Tablo Örneği
<table border="1">
<tr>
<td>satır 1, hücre 1</td>
<td>satır 1, hücre 2</td>
</tr>
<tr>
<td>satır 2, hücre 1</td>
<td>satır 2, hücre 2</td>
</tr>
</table> 

Örnek Gösterimi
satır 1, hücre 1 satır 1, hücre 2
satır 2, hücre 1 satır 2, hücre 2

Örnek kodda belirtilen "border" özniteliği tablo çerçevesinin incelik kalınlığını belirlemektedir.

Html Tablo Başlıkları
Bir tablodaki başlık bilgileri <th> etiketi ile tanımlanır. Tüm tarayıcılar kalın ve ortalanmış olarak <th> öğesi metnini görüntüler.

Html Tablo Başlığı Örneği
<table border="1">
<tr>
<th>Başlık 1</th>
<th>Başlık 2</th>
</tr>
<tr>
<td>satır 1, hücre 1</td>
<td>satır 1, hücre 2</td>
</tr>
<tr>
<td>satır 2, hücre 1</td>
<td>satır 2, hücre 2</td>
</tr>
</table> 

Örnek Gösterimi
Başlık 1 Başlık 2
satır 1, hücre 1 satır 1, hücre 2
satır 2, hücre 1 satır 2, hücre 2

HTML Tablo Etiketleri


Etiket
Görevi
<table>
bir tablo tanımlar
<th>
bir tabloda bir başlık hücreyi tanımlar
<tr>
bir tablodaki bir satırı tanımlar
<td>
bir tablodaki bir hücreyi tanımlar
<caption>
bir tablo başlığını tanımlar
<colgroup>
biçimlendirme için bir tablodaki bir veya daha fazla sütun grubunu belirtir
<col>
Bir <COLGROUP> elemanı içindeki her kolon için <col> sütun özelliklerini belirtir
<thead>
Tabloda başlık içeriğini belirtir
<tbody>
Tabloda body  içeriğini belirtir
<tfoot>
Tabloda altbilgi içeriğini belirtir

Hiç yorum yok:

Yorum Gönderme

Copyright 2013-2017 | İbrahim BAYRAKTAR /dev/null Web Günlüğü