מטרת תא שולחן
תא טבלה הוא ערך בודד בתוך טבלה המורכב ממספר תאים אחרים בדיוק כמוהו. המטרה העיקרית של תא טבלה היא להקליט נתונים בצורה מסודרת להבנה והבנה קלה יותר. זה מסמל מיקום מסוים בתוך טבלה שבה ערך כלול.
סוגי תאי שולחן
לטבלה ב-HTML יש בעיקר שני סוגי תאים. אלו הם ' תאי כותרת ' ו' תאי נתונים '. פירוט נוסף על ההבדלים והדמיון ביניהם מובא להלן.
תאי כותרת
תאי כותרת מיוצגים על ידי ' <ה> ' תג ב-HTML Tailwind CSS. אלה מרכיבים את כותרות העמודות בטבלה. כותרות מגדירות מה יהיו כל הערכים בעמודה הספציפית. דוגמאות לכותרות הן שם, כתובת דואר אלקטרוני, מספר איש קשר, מספר תעודת זהות וכו'.
תא הכותרת של טבלה יהיה בחלק העליון של העמודה והערכים למטה יהיו תאי הנתונים. לתאים אלה יש גם עיצוב ספציפי כדי להבדיל אותם מתאי הנתונים הבאים למטה. לתאי כותרת מצוינים גודל גופן גדול יותר ואותיות מודגשות להוספת משמעות לתוכן בתאי הנתונים.
דוגמא
בקוד שלהלן, יצרנו תא כותרת טבלה באמצעות התג '
< שולחן >
< תד >
< tr >
< ה' > תא כותרת 01 < / ה' >
< / tr >
< / תד >
< / שולחן >
בגוש הקוד הזה:
- צור טבלה באמצעות התג '
'.
' בהתאמה כדי להשלים את תא הטבלה.- כעת, השתמש בתג '
' כדי ליצור תא כותרת של טבלה. - לאחר מכן, הגדר את ערך התא ' תא כותרת 01 ' באמצעות התג '
' בתוך התג ' '. ', '' ו-'- לבסוף, סגור את התגים '
- כעת, השתמש בתג '
תְפוּקָה
כפי שניתן לראות, תא הכותרת מוצג בהדגשה כברירת מחדל.
תאי נתונים
תאי נתונים מיוצגים על ידי ' גם לתאי נתונים יש עיצוב מסוים. אלה בעלי גודל גופן קטן יותר מתאי הכותרת ומכילים טקסט רגיל או מספרים, בהתאם לדרישות. זה כזה שבתאי הנתונים תחת תא הכותרת 'שם' יהיו שמות האנשים הנוגעים בדבר, למשל ג'ון, דיוויד, מייקל וג'יימס. דוגמא השלבים הבאים מסבירים את הקוד ליצירת תא נתוני טבלה: ' תג ב-HTML Tailwind CSS. תאים אלה מכילים את כל המידע בתוך טבלה. אלה מפורטים מתחת לתאי הכותרת ומכילים נתונים עבור כל הערכים עבור כותרת מסוימת. לדוגמה, אם תא הכותרת נקרא 'שם', תאי הנתונים שמתחתיו יכללו את שמות כל אנשי הצוות שעבורם הנתונים נרשמים.
הקוד ליצירת תא נתוני טבלה באמצעות ' 'תג ניתן להלן:
< רֹאשׁ >
< סִגְנוֹן >
שולחן {
גבול-התמוטטות: התמוטטות;
}
td {
גבול : 1px שחור מלא;
ריפוד: 10px;
}
< / סִגְנוֹן >
< / רֹאשׁ >
< גוּף >
< שולחן >
< tr >
< td >Table-Cell< / td >
< / tr >
< / שולחן >