יכול לעניין אתכם

מדריך HTML מספר 1 - הכרות

מאת: בקלות טכני

מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)
מאת: בקלות טכני

מדריך HTML מספר 4 - עיצוב טקסט

מאת: בקלות טכני

מדריך HTML מספר 5 - תמונות (Img and src)

מאת: בקלות טכני

מדריך HTML מספר 6 - קישורים (Links)

מאת: בקלות טכני

דף הבית >> מדריכים >> מחשבים >> אינטרנט >> בניית אתרים >> מדריך HTML מספר 3 - כותרות (title and headings)

מחשבים

מדריך HTML מספר 3 - כותרות (title and headings)

עקוב

30/05/2011 11:08:02
מאת: בקלות טכני
כתב מתחיל

דירוג:

(0 מדרגים)

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

רמת קושי: מתחילים

הוראות:

מה ההבדל בין Title לHeading? הtitle הוא שם הדף - מה שאתם רואים בחלק העליון של הדפדפן ואילו הheading היא כותרת הפסקה.

תחילה נדבר מעט על הheading. כתיבה נכונה של כותרות לפסקאות מוגדרת כך שהכותרת של הפסקה הראשונה היא הגדולה ביותר, כותרת הפסקה אחריה קטנה ממנה במעט וכן הלאה. כך נראות תגיות headings:

<p> <html></p>
<p> <body></p>
<p> <h6>h6 heading</h6></p>
<p> <h5>h5 heading</h5></p>
<p> <h4>h4 heading</h4></p>
<p> <h3>h3 heading</h3></p>
<p> <h2>h2 heading</h2></p>
<p> <h1>h1 heading</h1></p>
<p> </body></p>
<p> </html></p>

<html>
<body>
<h6>h6 heading</h6>
<h5>h5 heading</h5>
<h4>h4 heading</h4>
<h3>h3 heading</h3>
<h2>h2 heading</h2>
<h1>h1 heading</h1>
</body>
</html>

כך זה יראה בדפדפן:

שימו לב שככל שהמספר בתגית גדול יותר כך גודל הכותרת קטן יותר. הקפידו להשתמש בheadings רק ככותרות ולא בשביל להדגיש מילים.

בניגוד לheading, כותרת הtitle היא הכותרת של העמוד כולו ומשתמשים בה גם בשביל ההוספה למועדפים ובתוצאות מנוע החיפוש. התגית שלה נראית כך:

<p> </p>
<p> <html></p>
<p> <head></p>
<p> <title>Title of this cool page</title></p>
<p> </head></p>
<p> </p>
<p> <body> Some text in the document itself</p>
<p> </body></p>
<p> </html></p>

<html>
<head>
<title>Title of this cool page</title>
</head>

<body> Some text in the document itself
</body>
</html>

<p> שימו לב שכשאתם מריצים את הדפדפן, כותרת הדפדפן השתנתה. כמו כן, ניתן לראות שאת אלמנט הtitle אנחנו מציבים בתוך אלמנט head. זהו אלמנט שמשמש להכלת אלמנטים מסויימם כגון סקריפטים, תגיות מטה, style ועוד עליהם נלמד בהמשך.</p>

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

הוסף למועדפים שלחו לחבר הדפיסו את המדריך

ראיתם משהו שאהבתם? יש לכם שאלה? כתבו תגובה

אם לא בא לכם להשאיר תגובה דרך הפייסבוק:

מדריכים נוספים בנושא:

איך לבחור את הצבעים המתאימים לאתר האינטרנט שלך.

איך לבחור ולקנות שם לאתר שלך (Domain name)

איך לבחור לוגו

איך לבחור את האיחסון (Hosting) שמתאים לך.

עוד מדריכים בנושא זה