Html tablo yapimi

Merhaba
Bu dersimizde bizzat biz kendi sitemiz olarak size html tablo yapım tekniklerini anlatacağız.

Öncelikle html tablo açıklamalarına göz atalım :

►border       : kenar kalınlığı

►cellspacing : ızgara kalınlığı

►cellpadding : ızgara yazı arası

Bunlar temel bilgilerdir yani tablo kalınlık bilgileridir

Şimdi sizlere menü için uygun bir tablo örneği yapacağım.
( kenar kalınlık ayarları "1" olarak yapıyoruz ilk örneği)

Bu tablomuzun satır sayısı "4" sütun sayısı ise "1"
Aşağıdaki kod yukarıdaki tablonun göstergesi:
KOD:
<table cellspacing="1" cellpadding="1" width="140" border="1">
    <tbody>
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>


Şimdide yatay tablo örneği yapalım.
(kenar kalınlıkarını yine "1" olarak yapıyoruz)

Bu tablomuzda sütun sayısı "4" satır sayısı "1"
Aşağıdaki kodda göstergesidir
KOD:
<table cellspacing="1" cellpadding="1" width="450" border="1">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>