הוראות HyperText Markup Language (HTML) שיוצרות טבלאות המוצבות בדפי אינטרנט מספקות מספר גדול למדי של פרמטרים נוספים. זה מאפשר, בניגוד לאלמנטים חסומים אחרים, להגדיר גדלים לא רק באמצעות שפת CSS (גליונות סגנון מדורגים או "גליונות סגנון מדורגים"), אלא גם שימוש ב- HTML עצמו.
הוראות
שלב 1
השתמש בתכונת רוחב של תג הטבלה כדי לציין את רוחב הטבלה בפיקסלים. טבלת התגים (הוראות HTML) מורכבת מפתיחה (
) חלקים, שביניהם ישנם תגים היוצרים את השורות והתאים של הטבלה. ניתן להציב בתגית הפתיחה פרמטרים (תכונות) נוספים, שרשימתם עבור כל תג ספציפי נקבעת על פי סטנדרטים בינלאומיים. עבור תג הטבלה, סטנדרטים אלה מאפשרים להשתמש במאפיין רוחב, המציין את רוחב הטבלה בפיקסלים. קוד ה- HTML של טבלה פשוטה עם תג כזה המגדיר רוחב של 500 פיקסלים יכול להיראות כך:
| תא 1 | תא שני |
שלב 2
הוסף תו% לערך של תכונת רוחב אם עליך לציין את רוחב הטבלה באחוזים ולא בפיקסלים:
| תא 1 | תא שני |
שים לב שאחוזים אלה לא בהכרח יתבססו על רוחב חלון הדפדפן. מבנה המסמך חשוב כאן - כשם שבובת קינון מקוננת לא יכולה להיות רחבה יותר מזו שהיא מקוננת, כך 100% מרוחב השולחן לא יכול להיות גדול מרוחב האלמנט האב. לדוגמא, אם הטבלה נמצאת בתוך בלוק div, אז רוחב הבלוק ייקח 100%.
שלב 3
השתמש בהוראות השפה של תיאור הסגנון אם ברצונך להגדיר את אותו רוחב לטבלאות בדף האינטרנט במקום אחד בקוד המקור. לשם כך, מקום ראשון בחלק הראש של קוד ה- HTML (בין לבין) את תגי הפתיחה והסגירה המגבילים את הצהרות השפה CSS:
/ * הוראות CSS יהיו כאן * /
לאחר מכן שים את ה- CSS הבא בין התגים האלה: טבלה {רוחב: 100 פיקסלים;} כאן הטבלה מציינת כי יש להחיל את התיאור הממוקם בתוך הפלטה המתולתלת על כל תגי הטבלה המופיעים בקוד העמוד. ובכן, פרמטר הרוחב קובע את הרוחב. גם כאן תוכלו להשתמש ברוחב היחסי באחוזים.
שלב 4
ציין את שם הכיתה בקוד CSS ובתג טבלת ה- HTML אם עליך לציין את הרוחב לא עבור כל הטבלאות, אלא רק עבור טבלה אחת או כמה. לדוגמא, נניח שהמחלקה המסמנת קבוצת שולחנות צרים היא זעירה. ואז תיאור הסגנון שלו עשוי להיראות כך: table.tiny {width: 100px;} והתג המקביל של אחת הטבלאות בקוד ה- HTML הוא כך:
| תא 1 | תא שני |
