לימוד HTML חלק 6: כיצד להעלות פוסטים נועזים ונועזים ב- HTML
במסמך HTML כמובן שיש כתיבהמוטה ומודגשת בהתאם לדרישות ותנאי הכתיבה הרלוונטיים. ל- HTML עצמו יש אלמנטים רבים בעיצוב טקסט שיוצגו בדפדפן מודגש, נטוי, קו תחתון וכן הלאה.
בחומר זה אסביר כיצדהפוך אותו נטוי ומודגש ב- HTML. באופן כללי, עיצוב טקסט מודגש (מודגש) יכול להשתמש בתגיות <b> ו <strong> תגים ואילו לצורך עיצוב כתיבה נטוי (נטוי) יכול להשתמש בתגים <i> ו- <em>.
למרות שהתג <b> ו <strong> תג זהים זה לזהלהציג את הסוג המודגש בדפדפן אך כמובן ששיטת השימוש ומטרתו שונה. זהה לשימוש בתגים ו <em> תגים. השימוש בתגים <b>, <strong>, <i> ו- <em> נתמך על ידי דפדפנים רבים כולל Google Chrome, Mozilla Firefox, Internet Explorer, Safari ואחרים.
באופן כללי, ישנם שני אלמנטים בעיצובכלומר עיצוב לוגי ועיצוב פיזי. עיצוב פיזי משמש לעיצוב טקסט במאפייני טקסט ואילו עיצוב לוגי הוא לעיצוב טקסט בהתאם לתוכן או לתוכן הטקסט. התג <b> ותג <i> הם עיצוב פיזי ואילו התג <strong> ותג <em> הם עיצוב לוגי. לפרטים נוספים על ארבעת התגים שלעיל ראה הסבר להלן:
A. תג <b> ו <strong> תג
בעבר, תג <b> מעולם לא הומלץמשמש שוב מכיוון שהוחלף ב- CSS שמתפקד כדי לטפל בתצוגה. אך מאז הופעת HTML5, התג <b> נחשב ל"קיזוז סגנוני "שהוא כסמן למילת מפתח או טקסט אחר שנחשב כהכרחי להבדלה מטקסטים אחרים. אמנם חזק ב- HTML5 משמש לציון שהטקסט חשוב והופך למילות מפתח במנועי חיפוש (מנועי חיפוש). עם זאת, ב- HTML 4.01 משתמשים בתג <strong> להגדרת דגש חזק על טקסט (הדגשה).
להלן דוגמה לקוד לשימוש בתג <b> ו <strong> תג:
<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Format Tulisan Cetak Tebal<title>
</head>
<body>
<b>Kekinian</b> adalah sebuah website yang terdiri atas berbagai <strong>artikel seputar
IT</strong>.
</body>
</html>
התוצאות לאחר שהן מוצגות בדפדפן:
כאן אני מכין את ההווה עם התג <b>מכיוון שהיא נחשבת כמילת מפתח וכמילה שצריכה להבדיל מהאחרות. ואילו "אוסף המאמרים המעניינים" נעשה עם התג <strong> מכיוון שהוא נחשב כטקסט חשוב ומשמש כמילות מפתח / מילות מפתח במנועי חיפוש.
ב- CSS, מרבית הדפדפנים מציגים <b> ו <strong> אלמנטים עם ערכים קבועים, כלומר
משקל גופן: מודגש.
B. תג <i> ו- <em> תג
בדומה לתג <b> ו <strong> התג,מאז כניסתו של HTML5, תגים הוכרו שוב אך כסימן לכך שהטקסט שונה מאחרים כמו למשל לכתיבת כותרות ספרים, מוציאים לאור, עיבודי מילים וכדומה.
ואילו לתג <em> יש משמעות הדגשת לחץכלומר הוא מצוין כטקסט שזקוק להדגשה או תשומת לב מיוחדת. השימוש בתג <em> חשוב מאוד כמילת מפתח במנוע החיפוש.
להלן קוד לדוגמה לשימוש בתגים <i> ו- <em>:
<!DOCTYPE html>
<html>
<head>
<title>Bentuk Teks Cetak Miring di HTML</title>
</head>
<body>
<i>Indonesia Bersatu</i> adalah judul buku yang mengajarkan kepada kita arti
<em>nasionalisme</em>
</body>
</html>התוצאות לאחר שהן מוצגות בדפדפן:
מהתמונה למעלה נראה כי "אינדונזיהיונייטד "הוא נטוי באמצעות התג <i> מכיוון שהוא כותרת ספר. בינתיים, המילה "לאומיות" מאומצת באמצעות התג <em> מכיוון שזו מילה שצריך להדגיש והיא נחשבת חשובה.
ב- CSS, מרבית הדפדפנים מציגים את הרכיבים <i> ו- <em> עם ערכים קבועים, כלומר סגנון פונט: נטוי. אם אתה כבר מבין את הפונקציה של ארבעת התגים, אנא עיין במדריך ה- HTML הבא כיצד להפוך את הטקסט לקו תחתון ולחוצה ב- HTML.
