Make your own free website on Tripod.com
web tasarim kursu : html dersleri Web tasarimi puf noktalari : uygulamalar
html uygulamalari : upload : hosting alimi
 

tablo uygulamalari

 

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.

sonraki sayfa:
tablo uygulamalari