קו תחתון בטקסט ב- HTML

מְחַבֵּר: John Pratt
תאריך הבריאה: 17 פברואר 2021
תאריך עדכון: 1 יולי 2024
Anonim
CSS Heading Text with Horizontal Line on Either Side and Bottom (Quick Tutorial)
וִידֵאוֹ: CSS Heading Text with Horizontal Line on Either Side and Bottom (Quick Tutorial)

תוֹכֶן

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

לדרוך

שיטה 1 מתוך 2: השיטה הנוכחית

  1. השתמש במאפיין קישוט הטקסט בסגנון CSS שלך. השימוש בתגית u> כבר אינו דרך מתאימה להדגשת טקסט. במקום זאת אנו משתמשים במאפיין CSS "קישוט טקסט".
    • זה הופך את הקוד לקל יותר לשינוי, כך שלא תצטרך לשנות שום דבר לגבי הקוד הישן אם הוא הפך ללא שמיש.
  2. השתמש בתג span> כאשר אתה רוצה להדגיש חלק מסוים של הטקסט. הצב את תג ההתחלה יחד עם המאפיין "קישוט טקסט" במקום בו אתה רוצה שתתחיל הקו. מקם את תגית / תוחלת הקצה> במקום בו צריך להפסיק את קו החיתוך.

    span style = "text-decoration: underline;"> זה יוצג בקו תחתון. / span>

  3. הכריז על רכיבי HTML בסגנון> חלק מהעמוד שלך. ניתן לעשות זאת גם בגיליון הסגנונות של CSS. ניתן להקל מאוד על קו החיזוק על ידי שיוך סגנון לאלמנט HTML. לדוגמה, כדי להדגיש את כל הכותרות ברמה 3 שלך, הוסף את סגנון CSS הבא:

    html> head> style> h3 {קישוט טקסט: קו תחתון; } / סגנון> / ראש> גוף> h3> כותרת זו קו תחתון / h3> / body> / html>

  4. צור כיתת CSS שתדגיש במהירות בכל עת. אתה יכול ליצור שיעורים בגיליון הסגנונות שלך או בסגנון>, שייקרא מאוחר יותר. בכיתה יכול להיות כל שם שרוצים.

    html> head> style> .underline {קישוט טקסט: קו תחתון; } / style> / head> body> אתה יכול להשתמש בכיתה זו כדי להדגיש במהירות div> / div> מחלקים שונים div> מהתוכן שלך / div> / body> / html>

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

    html> head> style> em {color: red; } / style> / head> body> כל מה שיש בתוך אלמנט em יהפוך ל em> נטוי (בגלל הגדרות ברירת המחדל), ואדום / em> בגלל הסגנון שנוסף לעיל. / body> / html>

שיטה 2 מתוך 2: שיטה מיושנת

  1. הימנע משימוש בתגי u> / u> הישנים. אלה "מיואשים", כלומר זה עדיין עובד, אבל כבר לא משתמשים או מומלצים. הסיבה לכך היא ש- HTML בעיקרון אינו מתוכנן כשפת סימון. התג u> עדיין יעבוד, אך כעת נועד לציין טקסט שונה מהטקסט האחר, כגון מילה שגויה או שמות עצם סיניים.
  2. השתמש בתגית u> / u> להדגשה (להמחשה בלבד). בשום פנים ואופן אין להשתמש בשיטה זו שוב. יכול להיות טוב לדעת כיצד נעשה בו שימוש במקרה שתצטרך לעדכן אתר ישן יותר.

    html> body> עם התג הישן u> ב- HTML תוכל להדגיש במהירות דברים / u>, אך הדברים במהירות מבולגנים כאשר נעשה שימוש באלמנטים סגנוניים אחרים. לכן אנו מדגישים כעת "קישוט טקסט" באמצעות אלמנט CSS. / body> / html>

טיפים

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