HTML Tablo Oluşturmayı öğrenelim

**karakaya26** · Kayıt tarihi : 20/06/11

HTML Kodlama İle Tablo Oluşturmayı Öğrenelim Hep Beraber..

HTML İLE TABLO OLUŞTURMA

"TABLE" tag'ını kullanarak oluşturacağız tablomuzu. Yeni bir Not Defteri sayfası açıp temel kodlarımızı Yazarak Başlayalım o Zaman.

**karakaya26** · Kayıt tarihi : 20/06/11

HTML Kodlama İle Tablo Oluşturmayı Öğrenelim Hep Beraber..

HTML İLE TABLO OLUŞTURMA

"TABLE" tag'ını kullanarak oluşturacağız tablomuzu. Yeni bir Not Defteri sayfası açıp temel kodlarımızı Yazarak Başlayalım o Zaman.

Kod:

<HTML>
<HEAD></HEAD>
<BODY>
</BODY>
</HTML>

Kodlarımızı Yazdıktan Sonra, Geçelim Tablomuzu nasıl yapılıcagına.

Kodlarımızı Her zamanki gibi Açıp Özelikleri Belirtip Tekrar Kapatacağız.

Kod:

<table border="2" bordercolor="black">

<tr> <td> 1. satır,1. hücre </td> <td> 2.hücre </td> <td> 3.hücre </td> </tr>

<tr> <td>2.satır </td> <td>2.hücre </td> <td>3.hücre </td> </tr>

</table>

<tr> satır, <td> ise hücre oluşturmak için kullanılır.Ve border kenar çizgisidir.

İşleri Biraz Daha Açmak İstersek;

Kod:

<table width="300" border="10" bordercolor="pink" cellspacing="8" cellpadding="15" bgcolor="red">

<tr bgcolor="blue"> <td width=20%> 1.satır, 1.hücre </td> <td width=40%> 2. hücre </td> <td width=40%> 3. hücre </td> </tr>

<tr bgcolor="blue"> <td> 1.satır </td> <td>2.hücre </td> <td> 3.hücre </td> </tr>

</table>

Burada,

cellpadding hücre içine koyacağımız unsurların tablo kenarına uzaklığını ,,cellspacing hücreler arasındaki uzaklığı ,,bgcolor zemin rengini ,, width tablonun genişliğini ,, height tablonun yüksekliğini Belirtir.