Tablo Yapmak (Cerceve)

 
Tablo oluşturmak için 
Kod:<table> </table>
Yatay hücre oluşturmak için 
Kod:<tr>
Dikey hücre oluşturmak için 
Kod:<td> 


6 bölüme (hücreye) ayrılmış bir tablo yapalım 


Kod:

<table border="1"> 

<tr> 
  
 <td>Birinci sırada Hücre1</td> 
 <td>Birinci sırada Hücre2</td> 
 <td>Birinci sırada Hücre3</td> 
  
</tr> 


<tr> 
 <td>İkinci sırada Hücre1</td> 
 <td>İkinci sırada Hücre2</td> 
 <td>İkinci sırada Hücre3</td> 
</tr> 

</table> 

 
Hücremin içi renkli olsun (bgcolor) 

Kod:

<table> 
<tr> 
<td bgcolor="red"> 
kırmızı hücrem oldu</td> 
</tr> 
</table> 


Hücremin içinde resim istiyorum (background) 


Kod:

<table> 
<tr> 
<td background="denemeRESIM.gif"> 
YAZILAR BURAYA</td> 
</tr> 
</table> 


Hücremin kenar kalınlığını değiştirmek istiyorum (border) 

Kod:KALIN KENAR 

<table border="10"> 
<tr> 
<td>kenarı kalın oldu</td> 
</tr> 
</table> 

INCE KENARLI 

<table border="1"> 
<tr> 
<td>kenarı ince oldu</td> 
</tr> 
</table>


Hücremin kenarını renkli yapmak istiyorum (bordercolor) 

Kod:

YESIL KENARLI 

<table border="10" bordercolor="green"> 
<tr> 
<td>kenarını yeşil yaptım</td> 
</tr> 
</table>

Hücremin büyüklüğünü ayarlamak istiyorum (width=" " height=" ") 

Kod:

<table border="10" width="300" height="80" > 
<tr> 
<td>genişliği 250 yüksekliği 80 piksel</td> 
</tr> 
</table>

Tablomdaki yanyana iki hücreyi birleştirmek istiyorum (colspan) 

Kod:

<table border="1"> 
<tr> 
<td>1</td><td>2</td><td>3</td> 
</tr> 
<tr><td colspan="2">4</td><td>5</td> 
</tr> 
<tr><td>6</td><td>7</td><td>8</td> 
</tr> 
</table>

Hücremin içindeki yazı sağda olsun (align=" ") 

Kod:
<table border="1" width="150" height= "100"> 
<tr> 
<td align="right"> 
teknohaberci</td> 
</tr> 
</table> 


Hücremin içindeki yazı altta olsun (valign=" ") 
Kod:
<table border="1" width="150" height="100"> 
<tr> 
<td valign="bottom"> 
Hücre</td> 
</tr> 
</table>

Tablomdaki yanyana iki hücreyi birleştirmek istiyorum (colspan 

Kod:
<table border="1"> 
<tr> 
<td>1</td><td>2</td><td>3</td> 
</tr> 
<tr><td colspan="2">4</td><td>5</td> 
</tr> 
<tr><td>6</td><td>7</td><td>8</td> 
</tr> 
</table>

Tablomdaki altalta iki hücreyi birleştirmek istiyorum (rowspan) 

Kod:
<table border= "1"> 
<tr> 
<td>1</td><td>2</td><td>3</td> 
</tr> 
<tr><td >4</td><td> rowspan="2">5</td><td>6</td> 
</tr> 
<tr><td>7</td><td>8</td> 
</tr> 
</table> 


Yazılarım hücrenin kenarına değmesin (cellpadding) 

Kod:
<table border="1" cellpadding="15"> 
<tr> 
<td>Değmiyor</td> 
</tr> 
</table> 


Hücremin etrafındaki çerçevenin kalınlığını ayarlıyayım (cellspacing) 

Kod:
<table border="1" cellspacing="15"> 
<tr> 
<td>Etrafında boşluk var</td> 
</tr> 
</table>