Adobe Dreamweaver Html

HTML İle Tablo Oluşturma

 

HTML İle Tablo Oluşturma


HTML sayfalarımızı daha düzenli bir web sayfa iskeleti ile hazırlamamızı tablolar , şablonlar sağlar . 

Tablolar satır ve sütunlardan oluşmaktadır . Satır ve sütunların kesişmesiyle hücre dediğimiz kutucuklar oluşur . 

Bu kutucukların içerisine ise resim , yazı , video vb. öğeleri ekleyebiliriz . 

Satırlar yatay olan , sütunlar ise dikey olan bölümlerdir . 

Tablo Oluşturma Kodlarımızın Kullanım Şekli 


< table > …..    < / table >  : Tablo oluşturmamızı sağlayan etikettir. 

< tr >     …….   < / tr >     : Satırlarımızı oluşturmak için kullanılan etikettir .  

< td >     …….   < / td >    : Sütunlarımızı oluşturmak için kullanılan etikettir .  

HTML dosyalarımızı düzenlerken etiketler kadar parametrelerimizde önemlidir . Parametrelerimiz sayesinde düzenleme işlemlerini gerçekleştirebiliriz . 

Parametrelerimiz 


Border : Tablomuzun çerçeve kalınlığını belirler .

Width : Tablomuzun genişliğini belirler .

Height : Tablomuzun yüksekliğini belirler . 

Bgcolor : Arkaplan rengimizi belirleriz . 

Align :Hizalama yapmamızı sağlar . Left ( sol ) , right ( sağ ) ve center (orta ) kısımda hizalama yapmamızı sağlayacak parametre değerleridir . 

Valign : Dikey hizalama yapmamızı sağlar . Top ( üst ) ve bottom ( alt ) kısımda hizalama yapmamızı sağlayan parametre değerleridir . 

Örnek Uygulama


<table> <tr> <td> Ad </td> <td> Soyad </td>
<td> Yaş </td>
</tr>

<tr> <td> Ali </td> <td> Demir </td>

<td> 18 </td>

 

</tr> </table>

Kod Editörümüzde ;

 


























Tarayıcımızda ;

 










Dikkat ederseniz tarayıcımızda tablomuzun oluşturulmasında herhangi bir parametre kullanılmadığı için tablomuz belirgin değil . 

Tablomuzun tarayıcıda gözükmesini istiyorsak çerçeve değeri belirlememiz gerekir . 









Şimdi kaydedip tarayıcımızda görüntüleyelim . 

Dilediğimiz her parametre değerini table içerisinde kullanarak tablomuza çeşitli özellikler kazandırabiliriz .

Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik