יום ראשון, 22 במרץ 2009

7.1 טבלאות

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

בניית טבלאות בשפת HTML אולי נראית מורכבת במבט ראשון אבל אם תישאר רגוע ותחשב את צעדיך, תמצא שלמעשה זה הגיוני לחלוטין - כמו כל דבר אחר בשפת HTML.

כל המידע לגבי הטבלה, וכן התוכן שלה, יופיעו בין התגים הללו: <table>  ...  </table>

מבנה בסיסי של טבלה נראה כך:


<table>
  <tr>
      <th>כותרת 1</th>
      <th>2 כותרת</th>
  </tr> 
  <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
  </tr>
  <tr>
      <td>Cell 3</td>
     <td>Cell 4</td>
  </tr>
</table>
בדפדפן זה יראה כך:

כותרת 1

2 כותרת

Cell 1

Cell 2

Cell 3

Cell 4


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

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



אין תגובות:

הוסף רשומת תגובה

שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.