מאמר זה יספק לך ידע מפורט ומקיף על טבלאות HTML. התגים והעיצוב השונים שניתן לבצע.
מאז הקמתה הטכנולוגית, טבלה היא דרך נפוצה לאחסון והדמיה של נתונים. הוא משמש כמעט בכל השדות להצגת מידע טקסט ונתונים מספריים שבהם ניתן להשוות בקלות שני אלמנטים או יותר. במאמר זה אדון טבלאות לפי הסדר הבא:
במילים פשוטות, טבלה היא אוסף של נתונים קשורים המורכבים משורות ועמודות. עכשיו כידוע HTML הוא שפת סימון סטנדרטית ליצירת דפי אינטרנט והצגתו בדפדפן אינטרנט. אז יצירת ועבודה עם טבלאות הופכת למיומנות משנה חשובה כדי לשלוט ב- HTML. בבלוג זה נלמד כיצד לעבוד עם טבלאות ב- HTML.
הבה נבחן תחילה את רשימת תגי ה- HTML המשמשים ליצירת טבלאות. בהמשך קדימה בבלוג זה, נלמד כיצד להשתמש בהם בעזרת דוגמאות.
: משמש להגדרת טבלה
: משמש להגדרת תא כותרת בטבלה
: משמש להגדרת שורה בטבלה
: משמש להגדרת תא בטבלה
:משמש להגדרת כותרת טבלה
:משמש לציין קבוצה של עמודה אחת או יותר בטבלה לעיצוב
: משמש לציין מאפייני עמודות עבור כל עמודה בתוך אלמנט
:משמש לקיבוץ תוכן הכותרת בטבלה
: משמש לקיבוץ תוכן הגוף בטבלה
: משמש לקיבוץ תוכן הכותרת התחתונה בטבלה
עכשיו בואו נסתכל על קוד ה- HTML לדוגמא כדי ליצור טבלה.
שֵׁם
גיל
אבישק
18
בוב
2. 3
תְפוּקָה:
וריאציות של טבלת HTML
מאפיינים של ריפוד סלולרי ומרווח תאים
ישנן שתי תכונות הנקראות ריפוד תאים ומרווח תאים שבהם תוכל להשתמש בכוונון השטח הלבן בתאי הטבלה שלך. התכונה 'מרווח תאים' מגדירה רווח בין תאי טבלה, ואילו ריפוד תא מייצג את המרחק בין גבולות התא לתוכן בתוך תא.
מרווח תאים & ריפוד סלולרי
שֵׁם
גיל
אבישק
חֲמֵשׁ עֶשׂרֵה
בוב
2. 3
תכונות קולפאן ושורה שורה
מאפיין Colspan משמש למיזוג שתי עמודות או יותר, ואילו שורות טווח משמשות למיזוג שתי שורות או יותר.
HTML נותן לך את המינוף להתאמת גובה ורוחב השולחן. תכונת רוחב ותכונת גובה משמשת לקביעת רוחב וגובה הטבלה בהתאמה. אתה יכול לציין אותו במונחים של אחוז השטח הזמין על המסך או במונחים של פיקסלים.
רוחב וגובה טבלת HTML
אבישק
חֲמֵשׁ עֶשׂרֵה
בוב
2. 3
כותרת עליונה, גוף תחתונה וכותרת תחתונה
ניתן לפרק שולחן לשלושה חלקים כלומר כותרת עליונה, גוף וכותרת תחתונה. כותרת עליונה וכותרת תחתונה דומות לכותרת עליונה וכותרת תחתונה במסמך מילים שנשאר נפוץ בכל עמוד, בעוד שהגוף מכיל את התוכן העיקרי.
תג יוצר כותרת טבלה נפרדת, ואילוeastag יוצר כותרת תחתונה נפרדת. התגים מכילים את גוף הטבלה.
ניתן גם להגדיר רקע טבלה. Bgcolor תכונה מגדירה את צבע הרקע עבור הטבלה כולה, כמו גם עבור תא אחד, בעוד שתכונת הרקע מגדירה תמונת רקע לכל הטבלה, כמו גם לתא אחד בלבד.
תג הכיתוב משמש ככותרת או הסבר לטבלה המוצגת בראש הטבלה.
רקע טבלת HTML
כותרת טבלה
טור 1
טור 2
טור 3
שורה 1 תא 1
שורה 1 תא 2
שורה 1 תא 3
שורה 2 תא 2
שורה 2 תא 3
שורה 3 תא 1
בכך אנו מגיעים לסוף מאמר זה. כעת לאחר ביצוע הקטעים לעיל היית מבין כיצד ליצור טבלאות ב- HTML. אני מקווה שהבלוג הזה אינפורמטיבי וערך מוסף עבורך.
בדוק אתמאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם.הדרכת הסמכת בניית אתרים תעזור לך ללמוד כיצד ליצור אתרים מרשימים באמצעות HTML5, CSS3, Twitter Bootstrap 3, jQuery ו- Google APIs ולפרוס אותו ל- Amazon Simple Storage Service (S3).
יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות במאמר זה ונחזור אליך.