Masa bicimi

HTML Hazirlama Rehberi - Normal v2.1 <Last Update: 14 Haziran 1996>


Basit Masa Bicimi

<table>...</table> - table
<tr> - row difinition
<th> - header
<td> - data cell

<table border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

<table>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

 

Masa Duzeni

Column Span <th colspan=#>

<table border>
<tr><th colspan=3> Morning Menu</th>
<tr><th>Food</th>      <th>Drink</th> <th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
 

Morning Menu

Food

Drink

Sweet

A

B

C

Row Span <th rowspan=#>

<table border>
<tr><th rowspan=3> Morning Menu</th>
        <th>Food</th> <td>A</td></tr>
<tr><th>Drink</th> <td>B</td></tr>
<tr><th>Sweet</th> <td>C</td></tr>
</table>
 

Morning Menu

Food

A

Drink

B

Sweet

C

 

Masanin Boyutlari

<table border=#>

<table border=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

<table width=# height=#>

<table border width=170 height=100>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

<table cellspacing=#>

<table border cellspacing=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

<table cellpadding=#>

<table border cellpadding=10>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>
 

Food

Drink

Sweet

A

B

C

 

Masa Metin Duzeni

<tr align=#>

<th align=#> #=left, center, right

<td align=#>

<table border width=160>
<tr>
               <th>Food</th><th>Drink</th><th>Sweet</th>
<tr>
               <td align=left>A</td>
               <td align=center>B</td>
               <td align=right>C</td> 
</table>
 

Food

Drink

Sweet

A

B

C

<tr valign=#>

<th valign=#> #=top, middle, bottom, baseline

<td valign=#>

<table border height=100>
<tr>
               <th>Food</th><th>Drink</th>
               <th>Sweet</th><th>Other</th>
<tr>
               <td valign=top>A</td>
               <td valign=middle>B</td>
               <td valign=bottom>C</td>
               <td valign=baseline>D</td>
</table>
 

Food

Drink

Sweet

Other

A

B

C

D

 

Yazi ve Masa

<table align=left>

<table align="left" border>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
My favorites...<br>
cookies, chocolates, and more.

Food

Drink

Sweet

A

B

C

My favorites...
cookies, chocolates, and more.

 

<table align=right>

Food

Drink

Sweet

A

B

C

My favorites...
cookies, chocolates, and more.

 

Masa Basligi

<caption align=#> ... </caption> #=left, center, right

<table border>
<caption align=center>Lunch</caption>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>

Lunch

Food

Drink

Sweet

A

B

C

<caption valign=#> ... </caption> #=top, bottom

<table border>
<caption valign=bottom>Lunch</caption>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>    
</table>

Lunch

Food

Drink

Sweet

A

B

C