26 Nisan 2018 baris Yorum Yok

HTML Tablo Yapıları

Sayfalar için olmazsa olmazlarımız arasında tablo yapıları gelmektedir. Bu yüzden bu yapıyı öğrenmek zorunludur diyebiliriz. Tablolar satır ve sütunlardan oluşan bir düzendir.  Tablo yapılarına çok yabancı değiliz aslında çok kullandığımız word programında tablo ekleyip düzen verebiliyoruz, özellikle excelin tamamı tablo yapısından oluşmuştur. Tabloların tamamına  biçim özellik verirker her satır yada her sütun için ayrı ayrı da biçim özellikleri vermek mümkündür.

HTML ‘ de tablo yapmamızı sağlayan başlıca taglar <table> , <tr> , <td> dir. Tabiki diğer tagları da kullanarak benzer şekiller ve düzen oluşturmak mümkündür.

<table>      </table> :     Tablo

<tr>             </tr>        :     Satır

<td>             </td>       :     Sütun

Bu üç tag iç içe şeklinde kullanılır.

   Kullanım Şekli

İki satır ve 2 sütun lu bir tablo çizelim ve border 1 değeri vererek çerçeveli bir görünüm sağlayalım.

 

Oluşacak şekil aşağıdaki gibidir.

1. Satır 1. Sütun 1. Satır 2. Sütun
2. Satır 1. Sütun 2. Satır 2. Sütun

 

Tablo , satır ve sütunlarına yukarıda gördüğümüz <span> taglarında yaptığımız gibi renklendirme kodları kullanarak tablomuzu zengin bir hale getirmemiz mümkündür

Örn :  <table style=”color:#FF0000;”> olarak bir tablo yaparsak tablo içerisindeki yazı renklerimiz kırmızı olacaktır.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Barış Dokumacı | Kişisel Blog