HTML Tables

 ע"י שימוש בטבלה,  מארגנים נתונים , טקסט , תמונות , וכדומה , לתוך שורות , טורים ותאים . יש שתי גישות לכך : page layout  , style sheets  .בגלל חסרונות page layout עם מדיה לא ויזואלית ,  הטרנד הנוכחי נוטה יותר לכיוון style sheets  .

דוגמא :  

<Table border=2 align=right>
<caption>

    <a href="example.html">An Example</a>
</caption>

    <tr> <th> a </th> <th> b </th> </tr>
    <tr> <th> c </th> <td> d </td> </tr>
</Table>

 

תוצאה : 

a

b

c

d

 

 

Tables מתחילים עם Caption  אופציונלי , ואח"כ , שורה אחת או יותר שמסומנים

<tr> ... </tr>                                                                                                    

cells אפשר לאחדם לאורך שורות , או טורים .מודל ה Tables מאפשר שליטה מוגבלת על המראה , ע"י alignment רוחבי או אופקי , סגנונות border ושולי cell

TABLE

TABLE attributes כולם אופציונליים .ברירת המחדל היא table ללא border  שסובב אותו .לרוב , גודל table  נקבע ע"י גודל התוכן . ניתן לקבע ע"י Width .ניתן להשיג שליטה נוספת במראה ע"י BORDER, CELLSPACING ,  CELLPADDING

Caption

אלמנט CAPTION מספק תאור קצר של ה Table .התאור נראה בתחילת או בסוף ה Table בהתאם ל Align .תאור נרחב יותר אפשר לרשום דרך summery . זה מיועד לאפליקציות המתרגמות לדיבור או לכתב ברייל

Rows

כל שורה בTable  מוכלת בתוך אלמנט TR . שורות Table  יכולות להתאחד לתוך head , foot , body ע"י שימוש ב THEAD , TFOOT , TBODY . אפליקציות browser משתמשות בהגדרות אלו לשימושים שונים כגון Scrolling  בנפרד , הדפסות בנפרד וכו'

Columns

ניתן להגדיר כנ"ל גם קבוצות Columns ע"י COLGROUP

Cells

Cell מוגדר בתוך אלמנט TD עבור Data . עבור Header  ב TH . TD  וגם TH  תומכים בסוגי מאפיינים כגון ROWSPAN , COLSPAN עבור cell שנפרשים על יותר מטור או שורה אחת .מאפיינים נוספים : ALIGN , VALIGN . cell יכול להכיל סוגי טקסט שונים , מידע , תמונות , קישורים , רשימות וכו'

  חזרה לדף הראשי