HTML Tablolar (Tables)

08.05.2011 tarihinde , Espiar tarafından yazılmış ve 184 kere okunmuş.

HTML ile tablolar oluşturabilirsiniz.

Tablolar

Tablolar <table> etiketi ile belirtilir. Bir tablo <tr> etiketi satırlara bölünür ve her satır da <td> etiketi ile sütunlara bölünür. <td> etiketinin anlamı "table data"dır. Bir veri hücresi (data cell) metinler, resimler, listeler, paragraflar, formlar, yatay çizgiler, tablolar vs. içerebilir.

<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>

Çıktısı aşağıdaki gibi olacaktır:

satır 1, hücre 1	satır 1, hücre 2
satır 2, hücre 1	satır 2, hücre 2

Tablolar ve Kenarlık (border) Parametresi

Eğer bir border parametresi belirtmezseniz, tablonuz kenarlık olmadan görüntülenir. Bu bazen yararlı olabilir ama çoğu zaman kenarlıkları göstermek daha çok işinize yarayacaktır.

Kenarlıkları göstermek için aşağıdaki parametreyi kullanmalısınız:

<table border="1">
<tr>
<td>Satır 1, Hücre 1</td>
<td>Satır 1, Hücre 2</td>
</tr>
</table>

Tablolarda Başlıklar

Başlıklar <th> etiketi ile belirtilir.

<table border="1">
<tr>
<th>Başlık</th>
<th>Başka Başlık</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>

Çıktısı:

Başlık	Başka Başlık
Satır 1, Hücre 1	Satır 1, Hücre 2
Satır 2, Hücre 1	Satır 2, Hücre 2

Bir Tabloda Boş Hücreler

Veri içermeyen hücreler bir çok tarayıcıda görüntülenmezler.

<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></td>
</tr>
</table>

Çıktısı:

Satır 1, Hücre 1	Satır 1, Hücre 2
Satır 2, Hücre 1

Boş hücre etrafındaki iç kenarlıkların görünmediğine dikkat edin. (Mozilla Firefox bunu görüntüler).

Bundan kurtulmak için, ( ) özel karakterlerini boş hücre içine ekleyerek kenarlıkların görüntülenmesini sağlayabilirsiniz.

<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>&nbsp;</td>
</tr>
</table>

Çıktısı:

Satır 1, Hücre 1	Satır 1, Hücre 2
Satır 2, Hücre 1

Tablo Etiketleri

Etiketi	Açıklama
<table>	Tablo
<th>	Tablo başlığı
<tr>	Satır
<td>	Hücre
<caption>	Manşet
<colgroup>	Hücre grupları
<col>	Sütun genişliği
<thead>	Tablo başı
<tbody>	Tablo body özelliği
<tfoot>	Tablonun en alt kısmı

Etiketler : HTML Tablolar (Tables)

Yazdır

Yazıyı Paylaş

HTML Kodları

Yazıya Yapılan Yorumlar

Bu yazıya hiç yorum eklenmemiş.

Sizde bu yazıya yorum yapabilirsiniz..
Adınız	:	( Gerekli )
Email	:	Gösterilmeyecek ( Gerekli )
Siteniz	:
Mesajınız	:


Üyelik

Kullanıcı :
Parola :


Duyuru

Askerlik nedeni ile ara verilmiştir... NEKES.NET


Kategoriler

HTML Kodları CSS Dersleri PHP Dersleri ASP.NET Dersleri Hazır Scriptler	SQL Dersleri JavaScript Kodları jQuery ve AJAX Şablon ve Temalar Bilişim Haberleri


Çok Okunan Yazılar

PHP ile web tabanlı mail gönderme (iletişim)
Desbil v1 ve Bariz Firma v1 ASP Scriptler
SQL AS Sözcüğü ve Takma İsimler (Alias)
Özellikler Penceresi
LightBox JS ile web galerileri hazırlamak
HTML Stiller (Styles)
Ücretsiz Web 2.0 Temaları
CSS ile Neler Yapabiliriz? (Basit Bir Örnek)

Rastgele Yazı

Wi-Fi Nedir?


● Son Yorumlar

Çok teşekkür ederim. Sitemin admin panelinde kullandım ve ekleme ve güncelleme sayfalarım gibi dışarıya kapalı olması gereken her sayfada çalıştırdım. Fevkalade çalışıyorlar. Uzun ve zahmetli aramalardan kurtuldum. Allah razı olsun. Yazan: Erkan Güney merhaba site çok hoş elinize sağlık ben yeni mezunlardanım bununla başladım inceledim gayette güzel oldu gerekli düzeltmeleri yapınca fakat bi sorun var henüz kimse karşılaşmamıs sanırım FCK EDİTÖR admin sayfalarında çalışmıyor. bu durumu çözemedim şimdiden teşekkürler Yazan: seda aslan merhaba barziweb redkod hepsini indirdim ama hosta 404.asp gösteriyorum elimle .asp gösterirsem sorun yok ama .html seo açıkken asp dosyasına ulaşamıyor ADODB.Field (0x800A0BCD) Ya BOF ya da EOF Doğru veya geçerli kayıt silinmiş. İstenen işlem geçerli bir kayıt gerektiriyor. /7/kurumsal_detay.asp, line 103 bu hatayı veriyor çözemedim bu scirptin düzgün çalışan versiyonu yokmu acaba ? selamlar Yazan: canberk Database Disclosure açığı var. Yazan: özkan üstad bu 404 hata sayfasını nasıl çevirecegiz 404.aspye lütfen biraz bu konuda yardım edermisin Yazan: hüseyin kandemir


● Özel Video