"Geleceğe atılan doğru bir adım..."
Bilgi Eğitim Bilgisayar Kursu Ders Notları

Web Tasarım Kursu - HTML Tablo Ekleme komutu

TABLOLAR

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Satır ve sütunlardan oluşur. Tablo ifade edilirken önce satır sayısı sonra sütun sayısı söylenir. 5*3 Tablo (5 satır - 3sutunlu tablo)

Tablo için <table></table> açılır.

İçine Satır=Row için<tr></tr> açılır.

Sütun=Col için de tr içine <td></td> açılır.

<table>

        <tr>

        <td> Yazı </td>

        <td> Yazı </td>

        <td> Yazı </td>

</tr>

</table>

 

 

satır birleştir = rowspan

sütun birleştirmek için = colspan

width="300" - Genişlik

height="250" - Yükseklik

align="center" – Yatayda Hizalama (left=sol, right=sag, center=ortala)

valign="top" – Dikeyde Hizalama (middle=dikeyde ortala, top=dikeyde üst, bottom=dikeyde alt)

bgcolor="#FFCC33" – Arka plan rengi

background="resimler/okul-sisli-endustri-meslek-lisesi.jpg" – Arka Plan Resmi

 

<table border="1" width="800" align="center">

        <tr>

        <td width="300" height="250" align="center" valign="top" bgcolor="#FFCC33"> A </td>

<td> B </td>

</tr>

 

<tr>

        <td> C </td>

<td> D </td>

</tr>

 

<tr>

        <td> E </td>

<td> F </td>

</tr>

</table>

 

<br><br>

 

satır = row = <tr>

sütun = col = <td>

 

<table border="1" width="800" align="center">

        <tr>

        <td colspan="2" align="center"> A </td>

</tr>

 

<tr>

        <td rowspan="2"> C </td>

<td> D </td>

</tr>

 

<tr>

        <td> E </td>

</tr>

</table>