כיצד ליצור טקסט מודגש עם HTML

מְחַבֵּר: John Pratt
תאריך הבריאה: 13 Lang L: none (month-010) 2021
תאריך עדכון: 9 מאי 2024
Anonim
מדריך פיתוח אתרים למתחילים #1 - HTML
וִידֵאוֹ: מדריך פיתוח אתרים למתחילים #1 - HTML

תוֹכֶן

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

צעדים

שיטה 1 מתוך 2: יצירת טקסט מודגש עם HTML

  1. השתמש בתג 'חזק'. ב- HTML5, התקן המועדף, התג 'חזק', מומלץ לטקסטים חשובים. זה כמעט תמיד מוצג כטקסט מודגש בדפדפנים.
    • הקלד את הטקסט הרצוי מודגש בין התגים הבאים: טקסט מודגש כאן.

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

    ה

    . עקוב אחר ההוראות הבאות בעת השימוש בהן.
    • תג h1, כתוב כ

      הכותרת שלך כאן

      הוא הכותרת החשובה ביותר, בדרך כלל הטקסט הארוך ביותר בתחילת העמוד.
    • תג h2

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

      ל

      . זה עוזר לדף HTML לשמור על העיצוב כשהוא מועבר לפורמט אחר.


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

שיטה 2 מתוך 2: יצירת טקסט מודגש עם CSS Inline


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

    אוֹ

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

  3. הוסף את תכונת הסגנון. תכונות HTML נכתבות ישירות בתג, בתוך <> סוגריים. תכונת הסגנון נחוצה בכדי להכניס את ה- CSS לתג ה- HTML, כך נכניס סגנון = בתג הטווח:
    • למדתי להפוך את הטקסט הזה למודגש עם CSS מוטבע.
    • אין סיבה להוסיף את תכונת הסגנון מבלי לציין דבר. אנחנו רק לומדים דבר אחד בכל פעם.
  4. הוסף את המאפיין 'משקל גופן'. תכונות CSS מתווספות כתכונות סגנון. במקרה שלנו נשתמש במאפיין שהוזכר, שקובע את עובי הגופן. ניתן להשתמש בו כדי להציג טקסט מודגש, דק יותר, או אפילו עובי רגיל. לְהוֹסִיף "משקל גופן:" אחרי הסימן =, כמוצג להלן:
    • למדתי להפוך את הטקסט הזה למודגש עם CSS מוטבע.
    • שוב, עדיין לא סיימנו את התהליך.
    • אל תשכח את הציטוטים לפני ואחרי משקל גופן:.
  5. הוסף את הערך המודגש. הדבר היחיד שאנחנו צריכים לעשות הוא לקבוע ערך בין משקל גופן: והציטוטים האחרונים. ישנן כמה אפשרויות בהן ניתן להשתמש, אך הערך נוֹעָז הוא הקל ביותר לשימוש:
    • למדתי להפוך את הטקסט הזה למודגש עם CSS מוטבע.
  6. התנסה בערכים אחרים. CSS נותן לך הרבה אפשרויות מלבד HTML, אז אל תהיה מוגבל. להלן כמה חלופות לערך "הנועז":
    • הטקסט "נועז יותר" ייחשף יותר מזה שדומה לו. לדוגמה, אם אתה מבצע פיסקה שלמה עם "מודגש", ואז משתמש "נועזת" במשפט אינדיבידואלי בתוך הפסקה, היא תבלוט.
    • האפשרות "רגילה" תשמור על הטקסט ללא מודגש, גם אם הוא נמצא בין תגית שעושה אותו מודגש.
    • אתה יכול להשתמש בערך מספרי שנע בין 100 ל 900 כדי לציין עובי. 400 הוא נורמלי ואילו טקסט מודגש משתמש ב- 700.

טיפים

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

איך לתלות מזוזה

Roger Morrison

מאי 2024

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

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

מאמרים של פורטל