כיצד לצייר טבלה ב- HTML

תוכן עניינים:

כיצד לצייר טבלה ב- HTML
כיצד לצייר טבלה ב- HTML

וִידֵאוֹ: כיצד לצייר טבלה ב- HTML

וִידֵאוֹ: כיצד לצייר טבלה ב- HTML
וִידֵאוֹ: יצירה ועיצוב של טבלאות ב HTML and CSS 2024, אַפּרִיל
Anonim

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

כיצד לצייר טבלה ב- HTML
כיצד לצייר טבלה ב- HTML

נחוץ

  • - מחשב;
  • - התוכנית "פנקס רשימות";
  • - מיומנויות בעבודה עם HTML.

הוראות

שלב 1

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

שלב 2

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

שלב 4

מיקום הטקסט בתא נקבע באמצעות התכונות Aligh (שמאל, ימין, מרכז) - קובע את מיקום הטקסט בצורה אופקית, ו- Valign (באמצע, למטה, למעלה) - קובע את מיקום הנתונים בתא אנכית. ניתן להוסיף תיאור זה הן עבור תא בודד והן עבור כל השורה.

שלב 5

השתמש במאפיין Colspan למיזוג תאים אופקית ובאורך שורות אנכית. דוגמה לקוד טבלה: "שם הטבלה" "שם השורה הממוזגת" "שם העמודה הראשונה" "שם העמודה השנייה" "השורה השנייה" "התא השני של השורה השנייה" "התא השלישי של השנייה שׁוּרָה".

מוּמלָץ: