Eger benimle ve diger web tasarimcilarla haberlesmek istiyorsaniz buraya tiklayarak mailing listeme uye olun

Sitemi Destekleyenler:

Tablolar - 2

Gecen derste tablonun genel parametrelerini ogrendiniz ve simdi ise kolon ve satir belirleyerek hucre yapimini ogreneceksiniz.

Hucreleri yapmak icin ilk olarak dizi ve daha sonra da kolon belirlenmelidir. dizi tagi <tr> , kolon tagi ise <td> 'dir. Ornek :

bu bir hucredir

<table width="150" border="4"> <tr> <td><p> bu bir hucredir</td> </tr> </table>

Ornekte ilk olarak <tr> tagiyla bir dizin belirlenmistir vebu tag kapatilmadan <td> tagi ile de bir kolon belirlenmistir ve bir hucre yapilmistir. Bu iki tagdan <tr> tagi 'nin ise yarayan pek parametresi yoktur o yuzden size sadece <td> taginin parametrelerini aciklayacagim.

<td> tagi ve parametreleri

align : Bu parametre ile olusturulan hucre ve icinde bulunan bicimlendirilmemis taglarin yatay konumunu belirler.genis aciklama icin genel parametreler bolumune bakiniz.

background : bu parametre ile hucrenin arkaplan resmini belirleyebilirsiniz.Bu parametrenin aciklamasi icinburaya tiklayiniz.

bgcolor : Bu parametre ile hucrenin arkaplan rengini belireyebilirsiniz.

height : Bu parametre ile hucrenin yuksekligini pixel degerinden belirleyebilirsiniz.

width : Bu parametre ise hucrenin genisligini pixel degerinden belirler.

bordercolor : hucreler arasi bordurun rengini belirler.

colspan : Bu parametre kullanildigi hucrenin kac kolon ' u kapsayacagini belirler. Ornek :

baslik 1. kolon 2. kolon

<table width="200" border="4"> <tr> <td colspan="2" align="center"> </td> </tr> <tr> <td width="100"> <p>1. kolon</td> <td width="100"><p>2. kolon </td> </tr> </table>

yukaridaki ornekte ilk olarak <tr> ile birinci dizi acildi ve hucre tagina colspan="2" eklenerek hucrenin 2 kolonu kapsayacagi belirtildi...

rowspan : bu parametre ise hucrenin kac diziyi kapsayacagini belirler. Ornek

baslik 1. dizi 2. dizi

<table width="200" border="4"> <tr> <td rowspan="2" width="70"><p>baslik</td> <td><p>1. dizi</td> </tr> <td><p>2. dizi</td> </tr> </table>

<td> taginin genel parametreleri bunlardir simdi tablolar konusuna bir kac uygulama ile devam edelim.