כל מה שאתה צריך לדעת על טבלאות HTML



מאמר זה יספק לך ידע מפורט ומקיף על טבלאות HTML. התגים והעיצוב השונים שניתן לבצע.

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

מהי טבלת HTML?

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





איך להפיל כפול לאינטל

HTML5
כדי להגדיר טבלת HTML, אנו משתמשים

תָג. בְּתוֹך
תג, אתה מגדיר תחילה שורות טבלה עם תָג. לאחר מכן, אתה מגדיר כותרות טבלה ב התגים מכילים את גוף הטבלה.

מערך של אובייקטים בכיתה
טבלת HTML עם כותרת עליונה, תחתונה וגוף
תָג. נתונים או תא בטבלה מוגדרים באמצעות תָג.

תגי טבלת HTML

הבה נבחן תחילה את רשימת תגי ה- HTML המשמשים ליצירת טבלאות. בהמשך קדימה בבלוג זה, נלמד כיצד להשתמש בהם בעזרת דוגמאות.



  • :משמש להגדרת טבלה
  • :משמש להגדרת שורה בטבלה
  • : משמש לקיבוץ תוכן הגוף בטבלה
  • : משמש לקיבוץ תוכן הכותרת התחתונה בטבלה
  • עכשיו בואו נסתכל על קוד ה- HTML לדוגמא כדי ליצור טבלה.

     
    : משמש להגדרת תא כותרת בטבלה
  • : משמש להגדרת תא בטבלה
  • : משמש להגדרת כותרת טבלה
  • : משמש לציין קבוצה של עמודה אחת או יותר בטבלה לעיצוב
  • : משמש לציין מאפייני עמודות עבור כל עמודה בתוך אלמנט
  • : משמש לקיבוץ תוכן הכותרת בטבלה
  • שֵׁם גיל
    אבישק 18
    בוב 2. 3

    תְפוּקָה:



    וריאציות של טבלת HTML

    • מאפיינים של ריפוד סלולרי ומרווח תאים

    ישנן שתי תכונות הנקראות ריפוד תאים ומרווח תאים שבהם תוכל להשתמש בכוונון השטח הלבן בתאי הטבלה שלך. התכונה 'מרווח תאים' מגדירה רווח בין תאי טבלה, ואילו ריפוד תא מייצג את המרחק בין גבולות התא לתוכן בתוך תא.

    מרווח תאים & ריפוד סלולרי
    שֵׁם גיל
    אבישק חֲמֵשׁ עֶשׂרֵה
    בוב 2. 3

    • תכונות קולפאן ושורה שורה

    מאפיין Colspan משמש למיזוג שתי עמודות או יותר, ואילו שורות טווח משמשות למיזוג שתי שורות או יותר.

    c ++ מיון מערך
    קולספן & שורת שורה
    קבוצה שֵׁם גיל
    מדעי המחשב אבישק חֲמֵשׁ עֶשׂרֵה
    בוב 2. 3
    לשבור

    • גובה ורוחב השולחן

    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).

יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות במאמר זה ונחזור אליך.