מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)
במדריך זה אסביר כיצד להכין טבלאות בHTML ואפרט על תגי הtable,הtr,הtd והth.
מה תצטרך
- טבלאות
- html
- tags
- תגיות
- שורות
- td
- th
שלבים
- 1
שלב 1
את הטבלאות שלנו בדף נגדיר בעזרת תגית ה. טבלה מחולקת לשורות וכל שורה מכילה מידע - המידע יכול להיות טקסט, תמונות, טפסים וכו'. הנה דוגמא לטבלה:
- 2
שלב 2
<html>
<body>
<table border="2">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
</body>
</html>
-
- 3
שלב 3
בדוגמא אנו רואים שהטבלה מוגדרת בעזרת תגית הtable ובתוכה תגית tr (שמשמעותה table row) המגדירה שורה בטבלה.
בכל שורה נכתוב תגית td (שמשמעותה table data) שתכיל את המידע בתא.
שימו לב שאם בתגית הtable לא היינו מגדירים את מאפיין הborder לא הייתה מופיעה מסגרת לטבלה.
- 4
שלב 4
בכדי להוסיף שורה נוספת פשוט יש להוסיף עוד תגית tr לאחר התגית הסוגרת של הtr הקודם.
- 5
שלב 5
בכדי להגדיר כותרות בטבלה עלינו להשתמש בתגית th (פירושה table header).
- 6
שלב 6
- 7
שלב 7
כך זה יראה בדפדפן.
- 8
שלב 8
בשביל מראה אסתטי יותר ניתן לרווח את התאים בטבלה. בכדי לעשות זאת יש להשתמש במאפיין שנקרא cellpadding. דוגמא:
- 9
שלב 9
- 10
שלב 10
שימו לב לתאים המרווחים.
