יצירת קו אופקי ב- HTML

מְחַבֵּר: Roger Morrison
תאריך הבריאה: 1 סֶפּטֶמבֶּר 2021
תאריך עדכון: 1 יולי 2024
Anonim
HTML Tags - Horizontal line in HTML
וִידֵאוֹ: HTML Tags - Horizontal line in HTML

תוֹכֶן

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


הוראות

צילום מסך של דף אינטרנט שלם (כל התמונות הן צילומי מסך שנוצרו על ידי אריק טילדן)
  1. הזן את הקטע הבא בין התגים> כפי שמוצג:

    המסמך שלי

    הגדר כותרת עבור המסמך, באמצעות התגים

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

    שלב 1
  2. הזן את תג השורה האופקי כפי שמוצג:


    לתג הקו האופקי אין תג סופי. הוסף מקום וקו נטוי לפני האות הראשי.

    שלב 2
  3. הוסף את המאפיין "align" והגדר אותו "left", כפי שצוין:



    שלב 3
  4. הוסף את התכונה "size" והגדר אותה ל "4", כפי שמוצג:


    התכונה "size" קובעת כמה עבה הקו, בפיקסלים.

    שלב 4
  5. הוסף את המאפיין "width" והגדר אותו ל "370", כפי שצוין:


    הערך של המאפיין "width" קובע כמה זמן הקו, בפיקסלים.

    שלב 5
  6. הוסף את המאפיין "color" לקו האופקי והגדר אותו ל "חום" כפי שמוצג:


    הצבע של תג זה יכול להיות מוגדר לכל צבע רגיל או הקסדצימלי שתבחר. לצבע ההקסדצימלי יש סימן "#".

    שלב 6
  7. שמור את המסמך ושלח אותו לשרת שלך. פתח את הדפדפן שלך ואתר את הדף. זה צריך להיות קו חום אופקית תחת הכותרת של המסמך.


    האתר מוכן

שים לב

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

מה שאתה צריך

  • עורך טקסט, כגון עריכת מקור (ראה משאבים)
  • תוכנה לשליחת מסמכים, כגון FileZilla (ראה משאבים)
  • שטח בשרת