כיצד ליצור כותרות מודגשות ונטויות ב HTML

click fraud protection

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

כותרות

תגי כותרת הם הדרך הפשוטה ביותר לחלק את המסמך שלך. אם אתה חושב על האתר שלך כעיתון, הרי הכותרות הן הכותרות בעיתון. הכותרת הראשית היא H1 והכותרות הבאות הן H2 עד H6.

השתמש בקודים הבאים ליצירת ה- HTML.

זו כותרת 1


זהו כותרת 2


זהו כותרת 3


זהו כותרת 4


זהו כותרת 5

זהו כותרת 6

שמור על הכותרות בסדר הגיוני - H1 מגיע לפני H2, שמגיע לפני H3, וכן הלאה.

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

מודגש ונטוי

ישנם ארבעה תגים שבהם אתה יכול להשתמש באותיות מודגשות ונטויות:

  • ו למודגשים
  • ו לנטוי

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

כל שעליך לעשות הוא להקיף את הטקסט שלך בתגי הפתיחה והסגירה, כדי ליצור את הטקסט נוֹעָז אוֹ נטוי:

נוֹעָז
נטוי

אתה יכול לקנן את התגים האלה (מה שאומר שאתה יכול להכין טקסט גם מודגש וגם נטוי) וזה לא משנה מהו התג החיצוני או הפנימי.

instagram viewer

לדוגמה:

טקסט זה מודגש

טקסט זה מודגש

טקסט זה נטוי

טקסט זה נטוי

טקסט זה מודגש וגם נטוי

טקסט זה מודגש וגם נטוי

מדוע יש שתי סטים של תגים מודגשים ונטוי נטוי

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

ב- HTML5 תגים אלה משתמשים במשמעויות ספציפיות:

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

נטוי בכותרות

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

instagram story viewer