מחשבים, תוכנה
שימוש ב- HTML בטבלה
ב- HTML יש כל כך הרבה אלמנטים, וכל אחד מהם הוא ייחודי בדרכו שלו. השולחן הוא חפץ מאוד מעניין, תובעני ורציני. בזכות זה אתה לא יכול רק לספק מידע בצורה נוחה, אלא גם לבנות מסגרת שלמה של האתר.
בעבר, כמעט כל מנהלי האתרים השתמשו בטבלאות עבור פריסת האתר. בתחילה, טבלאות זה לא הומצאו. לכן, כדי לסמן אתר, אתה צריך להשתמש באלמנט div לחסום.
אם אתה לא רוצה תמיד להישאר טירון, להתרגל לעשות הכל נכון מיד. זה מאוד חשוב ב- HTML. בטבלה אתה צריך למקם רק את המידע הרגיל (טקסט, קישורים, רשימות, תמונות, וכו '), ולא את כל האתר.
כיצד ליצור טבלת HTML?
שולחן הוא אלמנט מורכב, המורכב ממספר רב של אלמנטים אחרים. זכור כי בעת יצירת תאים או שורות, אתה תמיד צריך לשים תג הסגירה בבת אחת. אחרת, הכל יעוף משם. המטפל בדפדפן יחפש את הסוף של האלמנט, ועד שהוא ימצא אותו, כל השאר ייכלל בטבלה. התוצאה תהיה דייסה.
אם אתה כותב אתר אינטרנט "פנקס רשימות", אז כל מה שאתה צריך לעשות עם הידיים. אם בעורך סיים, אז יש בדרך כלל לחצנים - "הכנס טבלה", "הוספת תמונה" וכן הלאה.
דוגמה לטבלה 2 עד 2.
Tr> Tr> Table> התגים הכלל העיקרי: מספר התאים בכל שורה צריך להיות זהה. זה שולחן. אבל, כמו עורך Word ו- Excel, תאים יכולים להיות משולבים אחד עם השני. כדי לשלב, השתמש במאפיינים Colspan ו- Rowspan. ספן מתרגם "לחבק" או "חפיפה". המשמעות המילולית היא לכסות / לכסות תאים / קווים. בערך של תכונה זו, עליך לציין כמה שורות או תאים יחסמו. להלן דוגמה טובה לשימוש בשתי תכונות HTML בטבלה. בדוגמה זו, בשורה הראשונה, 3 תאים שולבו באמצעות התכונה colspan = "3". ואז התא הראשון של השורה השנייה נמתח לארבע שורות. זכור כי אנו למתוח / להתאחד רק בתא הראשון. הרכוש שלה יוארך עוד יותר. כל מה שקורה קודם לא יושפע. אם יש לך 5 תאים ורוצים להתמזג בין 2 ל 4, אז אתה רק צריך לציין את colspan = "3" תכונה בתא מספר 2. הערה מספר 9 בתרשים לעיל. שם הם שילבו בין שני תאים וקווים בבת אחת. פעולות כאלה אינן אסורות. עיין בדוגמה אחרת כדי לתקן את המידע. בגלל כמה לבלבל תכונות ולפעמים לשלב מחרוזות במקום תאים. קח את המקרה הרגיל, HTML רגיל. לשולחן יש שתי שורות של שני תאים כל אחד. התוצאה של הקוד יהיה כדלקמן. כפי שאתה יכול לראות, אין השפעות. ניתן להוסיף מסגרת, לציין את הרוחב והגובה. אתה יכול גם לשחק עם היישור. ניתן ליישר גובה וגובה. יישר ליישור אופקי, וישור עבור יישור אנכי. הנה התוצאה. ניתן ליישם את תכונות היישור וההתאמה על המחרוזת כולה. אז כל התאים כי הם יהיו כפופים תכונות אלה. בנוסף לתגים כמו כל תגי HTML, ניתן להמיר את הטבלה באמצעות סגנונות. עליך לציין קובץ סגנון בראש הדף או סגנון מוכן (מסומן גם בראש). <ראש> ... טבלה { משפחת גופן: ורדנה, אריאל, הלויטקה, סאנס-סריף; צבע: # 000000; } .my_class { צבע: # 666666; } Style> ... Head> אם ציינת רק טבלה, סגנון זה יחול על כל הטבלאות בדף. בהחלט לכל. אבל, אם אתה משתמש בשיטה השנייה, שבה אתה מציין שם שרירותי עם תקופה, אז זה סגנון ניתן להחיל על כל שולחן הרצוי, מבלי להשפיע על אחרים. שים לב, ניתן להשתמש בכיתות עבור תג התגים וגם עבור תא או שורה מסוימים. Tr> Tr> Table> אם יש שגיאה במקום כלשהו בשם הסגנון, לא תראה את התוצאה. אם יש טעויות בסגנון עצמו, אבל השמות חופפים, לא תהיה השפעה. כל פסיק או המעי הגס הוא חשוב. אילו תכונות ניתן לכתוב בשיעורי סגנון? יש הרבה תכונות שחלות על טבלאות. חשוב על הבסיסיים ביותר שאתה צריך. ישר יישור אופקי השבח יישור אנכי רקע תמונת רקע בתא / טבלה Bgcolor צבע רקע בתא Bordercolor צבע גבול הטבלה / התא גובה גובה התא nowrap איסור העברת טקסט בשורה. רוחב רוחב התא / הטבלה כפי שאתה יכול לראות, אתה יכול להשתמש ב- HTML בטבלה עם מספר עצום של "כלים". הודות סגנונות, אתה יכול ליצור שולחנות יפה שונים. הכל תלוי במה שאתה אוהב ואיך. כפי שאתה יכול לראות, אם אתה משתמש תגי HTML, את הטבלה ניתן להפוך ללא הכר. גבולות האפשרויות נקבעים על ידי הדמיון שלך.
הטקסט של התא הראשון של השורה הראשונה td>
הטקסט של התא השני של השורה הראשונה td>
הטקסט של התא הראשון של השורה השנייה td>
הטקסט של התא השני של השורה השנייה td>
ו- table> מציינים את ההתחלה ואת הסוף של הטבלה. תגי
ו- tr> הם ההתחלה והסוף של הקו. בשורה אחת יכולים להיות תאים רבים כפי שהוגדרו על ידי תגי ו- td>.
כיצד למזג תאים בטבלה?
עיצוב טבלאות
ו- , יש תג נוסף . למעשה, זהו אנלוגי של , אבל הוא משמש רק בשורה הראשונה ומשמש ככותרת. כברירת מחדל, הטקסט ב- מרוכז ומודגש.
כיצד לחבר סגנונות לטבלה?
הטקסט של התא הראשון של השורה הראשונה td>
הטקסט של התא השני של השורה הראשונה td>
הטקסט של התא הראשון של השורה השנייה td>
הטקסט של התא השני של השורה השנייה td>
תכונות נוספות לטבלאות
יפה נוצר באמצעות טבלאות HTML. דוגמאות
Similar articles
Trending Now
Newest