טבלאות

הדרך הנפוצה לעצב דפי אינטרנט היא בעזרת טבלאות. טבלאות מאפשרות חפוש פעולה גדול וניצול טוב של המרחב בדף. מבנה בסיסי של טבלה נראה כך:

1. <table border="1">  

2. <tr>  

3.     <th>תא ראשון</th>  

4.     <th>תא שני</th>  

5. </tr>  

6. <tr>  

7.     <td>שורה ראשונה, תא ראשון</td>  

8.     <td>שורה ראשונה, תא שני</td>  

9. <tr>  

10.             <td>שורה שניה, תא ראשון</td>  

11.             <td>שורה שניה, תא שני</td>  

12.         </tr>  

13.         </table>   

<table border="1">

<tr>

    <th>תא ראשון</th>

    <th>תא שני</th>

</tr>

<tr>

    <td>שורה ראשונה, תא ראשון</td>

    <td>שורה ראשונה, תא שני</td>

<tr>

    <td>שורה שניה, תא ראשון</td>

    <td>שורה שניה, תא שני</td>

</tr>

</table>

וככה זה נראה בדף:

כותרת
תא ראשון	תא שני
שורה ראשונה, תא ראשון	שורה ראשונה, תא שני
שורה שניה, תא ראשון	שורה שניה, תא שני

התג <table> יוצר את הטבלה.
התג <caption> יוצר כותרת לטבלה.
התג <tr> יוצר שורה בטבלה.
התג <td> יוצר תא בתוך השורה.
התג <th> יוצר כותרת לעמודה. הוא מאוד דומה לתג <td>, רק שבו הטקסט מודגש ומיושר למרכז.

כמו כן, אסור להשאיר תאים ריקים בתוך טבלה, זה יצור את אותו האפקט בדיוק. במידה ויש צורך להשאיר תא שאין בו טקסט,יש להשתמש באלמנט &nbsp; האלמנט הזה יוצר תו רווח, ויגרום לטבלה להראות בסדר. שימו לב שרווח רגיל לא יעשה את זה.