מחשביםתוכנה

שימוש ב- HTML בטבלה

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

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

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

כיצד ליצור טבלת HTML?

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

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

דוגמה לטבלה 2 עד 2.

הטקסט של התא הראשון של השורה הראשונה

הטקסט של התא השני של השורה הראשונה

הטקסט של התא הראשון של השורה השנייה

הטקסט של התא השני של השורה השנייה

התגים

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

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

אבל, כמו עורך Word ו- Excel, תאים יכולים להיות משולבים אחד עם השני.

כיצד למזג תאים בטבלה?

כדי לשלב, השתמש במאפיינים Colspan ו- Rowspan. ספן מתרגם "לחבק" או "חפיפה". המשמעות המילולית היא לכסות / לכסות תאים / קווים.

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

בדוגמה זו, בשורה הראשונה, 3 תאים שולבו באמצעות התכונה colspan = "3". ואז התא הראשון של השורה השנייה נמתח לארבע שורות. זכור כי אנו למתוח / להתאחד רק בתא הראשון. הרכוש שלה יוארך עוד יותר. כל מה שקורה קודם לא יושפע.

אם יש לך 5 תאים ורוצים להתמזג בין 2 ל 4, אז אתה רק צריך לציין את colspan = "3" תכונה בתא מספר 2.

הערה מספר 9 בתרשים לעיל. שם הם שילבו בין שני תאים וקווים בבת אחת. פעולות כאלה אינן אסורות.

עיין בדוגמה אחרת כדי לתקן את המידע. בגלל כמה לבלבל תכונות ולפעמים לשלב מחרוזות במקום תאים.

עיצוב טבלאות

קח את המקרה הרגיל, HTML רגיל. לשולחן יש שתי שורות של שני תאים כל אחד.

התוצאה של הקוד יהיה כדלקמן.

כפי שאתה יכול לראות, אין השפעות. ניתן להוסיף מסגרת, לציין את הרוחב והגובה.

אתה יכול גם לשחק עם היישור. ניתן ליישר גובה וגובה.

יישר ליישור אופקי, וישור עבור יישור אנכי. הנה התוצאה.

ניתן ליישם את תכונות היישור וההתאמה על המחרוזת כולה. אז כל התאים כי הם יהיו כפופים תכונות אלה.

בנוסף לתגים

ו-
. למעשה, זהו אנלוגי של , אבל הוא משמש רק בשורה הראשונה ומשמש ככותרת. כברירת מחדל, הטקסט ב- מרוכז ומודגש.

כיצד לחבר סגנונות לטבלה?

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

<ראש>

...