HTML – Tablo oluşturma

18.01.2014
2.631
A+
A-
HTML – Tablo oluşturma

HTML’de tablo oluşturma

<table> = Tabloya başlatır.

<tr> = Satırı başlatır.

<td> = Sütunu başlatır

Basit bir tablo örneği – Görünüm
tablo1

HTML kodu:

<table>
<tr>
<td>satır 1, sütun 1</td>
<td>satır 1, sütun 2</td>
</tr>
<tr>
<td>satır 2, sütun 1</td>
<td>satır 2, sütun 2</td>
</tr>
</table>

Bir başka tablo örneği – Görünüm:

tablo2

 HTML Kodu:

<table border=”1″>
<tr>
<td colspan=”2″>satır 1, sütun 1 ve 2 birleşti</td>
</tr>
<tr>
<td rowspan=”2″>satır 2 ve 3 birleşti, sütun 1</td>
<td>satır 2, sütun 2</td>
</tr>
<tr>
<td>satır 3, sütun 2</td>
</tr>
</table>

Tablo özellikleri:

border=”0″ Tablo kenarlığı boyutu.
cellspacing=”0″ Sütunlar arası kenarlık boşluğu.
cellpadding=”0″ Satırlar arası kenarlık boşluğu.
width=”genislik” Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
class=”stil” Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).
TD (Sütun) Özellikleri

Özellik  –  Anlamı
align=”hiza” Kutu hizası, left, right, center kullanılabilir.
width=”genislik” Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.
height=”yukseklik” Tablo yüksekliği. Piksel ya da yüzde olarak ifade edilebilir.
class=”stil” Tablo stili belirtilebilir (CSS bölümünde açıklanıyor).

0.00 avg. rating (0% score) - 0 votes

Yazarı instagram'da takip edin

zdaylan.com yapımı ve güvencesiyle, GrafikBu.com hizmetinize açılmıştır.


Web Tasarım - Blog hizmetleri - E-Ticaret Sitesi - 3D Modelleme - Logo Tasarım - Video Prodüksiyon - Kurumsal Kimlik gibi, daha çok grafik tasarım ağırlıklı ürünlerimize göz atabilirsiniz.

GrafikBu.com'u ziyaret etmek için tıklayın >>

zdaylan
Grafik Tasarım - Beykent Üniversitesi - 1990 doğumlu, grafik tasarım, 3D modelleme, yazılım ve animasyonla ilgilenir. Ayrıca Grafikbu.com'da grafik tasarım hizmetleri verir.
YAZARA AİT TÜM YAZILAR
BİR YORUM YAZIN

This site uses Akismet to reduce spam. Learn how your comment data is processed.

ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.