יכול לעניין אתכם

מדריך HTML מספר 5 - תמונות (Img and src)

מאת: בקלות טכני

מדריך HTML מספר 6 - קישורים (Links)

מאת: בקלות טכני

מדריך HTML מספר 8 - רשימות (lists)

מאת: בקלות טכני

מדריך HTML מספר 9 - איך להכניס מסגרות (Frames and iframes) לדף אינטרנט
מאת: בקלות טכני

מדריך HTML מספר 10 - טפסים, שדות וכפתורים (Forms and input fields)
מאת: בקלות טכני

דף הבית >> מדריכים >> מחשבים >> תכנות >> HTML וXHTML >> מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

מחשבים

מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

עקוב

05/06/2011 12:28:03
מאת: בקלות טכני
כתב מתחיל

דירוג:

(0 מדרגים)

במדריך זה אסביר כיצד להכין טבלאות בHTML ואפרט על תגי הtable,הtr,הtd והth.

רמת קושי: מתחילים

הוראות:

את הטבלאות שלנו בדף נגדיר בעזרת תגית ה. טבלה מחולקת לשורות וכל שורה מכילה מידע - המידע יכול להיות טקסט, תמונות, טפסים וכו'. הנה דוגמא לטבלה:

<p> </p>
<p> <html></p>
<p> <body></p>
<p> <table border="2"></p>
<p> <tr></p>
<p> <td>Row 1, cell 1</td></p>
<p> <td>Row 1, cell 2</td></p>
<p> </tr></p>
<p> </table></p>
<p> </body></p>
<p> </html></p>

<p> בדוגמא אנו רואים שהטבלה מוגדרת בעזרת תגית הtable ובתוכה תגית tr (שמשמעותה table row) המגדירה שורה בטבלה.</p>
<p> בכל שורה נכתוב תגית td (שמשמעותה table data) שתכיל את המידע בתא.</p>
<p> שימו לב שאם בתגית הtable לא היינו מגדירים את מאפיין הborder לא הייתה מופיעה מסגרת לטבלה.</p>

בדוגמא אנו רואים שהטבלה מוגדרת בעזרת תגית הtable ובתוכה תגית tr (שמשמעותה table row) המגדירה שורה בטבלה.
בכל שורה נכתוב תגית td (שמשמעותה table data) שתכיל את המידע בתא.
שימו לב שאם בתגית הtable לא היינו מגדירים את מאפיין הborder לא הייתה מופיעה מסגרת לטבלה.

בכדי להוסיף שורה נוספת פשוט יש להוסיף עוד תגית tr לאחר התגית הסוגרת של הtr הקודם.

בכדי להגדיר כותרות בטבלה עלינו להשתמש בתגית th (פירושה table header).