מדריך HTML » לימוד HTML באינטרנט » מדריך HTML למתחילים » כותרות H1-6

כותרות H1-6

התגית P היא לסידור וחלוקה של הטקסט לפסקאות בלבד, אבל מה קורה כאשר יש לך פיסקה עם כותרת עיקרית או משנה ? בשביל זה, ישנן 6 תגיות h1,h2,h3,h4,h5 ו – h6. כאשר h1 היא הכותרת החשובה ביותר ו – h6 היא הכותרת המשנית ביותר בעמוד.

חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.html, וערוך אותו לתצוגה הזו :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4.     <title>עמוד האינטרנט הראשון שלי</title>
  5. </head>
  6. <body>
  7.     <h1>עמוד האינטרנט הראשון שלי</h1>
  8.     <h2>מה זה ?</h2>
  9.     <p>עמוד אינטרנט פשוט שנבנה בעזרת הטמל</p>
  10.     <h2>למה זה ?</h2>
  11.     <p>בשביל ללמוד הטמל בצורה קלה, פשוטה ומהירה.</p>
  12. </body>
  13. </html>

נהוג להשתמש בתגית ה – H1 פעם אחת בכל עמוד על מנת לתאר את הנושא המרכזי של העמוד. השימוש בתגיות H2-6 אינו מוגבל וניתן להשתמש בהן בצורה חופשית, כל עוד ישנה שמירה על סדר התגיות. לדוגמא, תגית H4 יכולה לשמש כתגית משנה של H3 אך לא לתגית H2 – ולהיפך !

עמודים רלוונטים

דוגמאות קוד

  • הדגמה של כותרות H1-6 בעיצוב ברירת המחדל שלהן.
  • הגודל לא קובע – ניתן ליצור כותרות H1-6 בכל גודל, צורה וצבע על ידי שימוש ב – CSS.

רפרנס

  • תגיות h1, h2, h3, h4, h5, h6