HTML (שפת הסימון של HyperText) מספק שישה תגים מיוחדים להצגת כותרות ברמות שונות. לכולם יש פרמטרים המוגדרים כברירת מחדל (גודל וסגנון הגופן, כמות הכניסות מהאלמנטים הקודמים והבאיים וכו '). ניתן לבטל אפשרויות אלה באמצעות הוראות CSS (Cascading Style Sheets) ובכך לשנות את מראה הכותרות בטקסט של דף אינטרנט.
הוראות
שלב 1
הצב כותרות ברמות שונות בין תגי הפתיחה והסגירה המתאימים, אם עדיין לא נעשה בקוד המקור של דף האינטרנט. לדוגמא, הכותרת החשובה ביותר (הרמה הראשונה) צריכה להיות בין התגים
ו
:
כותרת דרגה ראשונה
יש למקם את כותרת המשנה הבאה ברמה החשובה ביותר בין התגים
ו
וכו ' האחרונה ברמות הצפויות היא השישית -
ו
שלב 2
הצב בחלק הכותרת של קוד המקור (בין התגים לבין התגים) הצהרה שאומרת לדפדפן המבקר שיש תיאור של הסגנונות ב- CSS במקום זה:
/ * הוראות CSS יהיו כאן * /
שלב 3
בין תגיות הסגנון הפותחות לסגירה, הוסף תיאורי סגנון לכותרות של כל רמה שאתה רוצה לשנות את המראה שלה. לדוגמה, אם אתה צריך לשנות רק את המראה של כותרות הרמה הראשונה, קוד זה עשוי להיראות כך:
h1 {
צבע אדום;
גודל גופן: 20 פיקסלים;
סגנון גופן: נטוי;
מודגש;
שוליים למעלה: 30 פיקסלים;
שוליים תחתונים: 20 פיקסלים;
}
כאן, h1 מציין כי התיאור בסוגריים מתולתלים מתייחס לתג h1 ונקרא "בורר". פרמטר הצבע קובע את צבע הטקסט, פרמטר גודל הגופן הוא גודל הגופן, סגנון הגופן עם הערך הנטוי הוא הגופן הנטוי, משקל הגופן עם הערך המודגש מודגש, השוליים העליונים הם החלק העליון שוליים, ושוליים תחתונים הם השוליים התחתונים. לכותרות מדרגה שנייה, הוסף גוש דומה עם בורר h2 וכו '.
שלב 4
השתמש בתחביר הקצר אם יש הרבה רמות לתאר. לדוגמא, ניתן למקם תיאורי גופנים בפרמטר אחד, כמו גם תיאורים של גדלי כניסה. לִטעוֹם:
h1 {
צבע אדום;
גופן: מודגש 20px arial;
שוליים: 30 פיקסלים 0 20 פיקסלים 0;
}
h2 {
צבע כתום;
גופן: מודגש 18px arial;
שוליים: 25 פיקסלים 0 15 פיקסלים 0;
}
בפרמטר השוליים יש לציין את השוליים בכיוון השעון, החל מהשוליים העליונים, דרך רווח (למעלה מימין למעלה משמאל למטה).
