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

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

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

Easy 1,070 views

What You'll Need

  • HTML
  • תגיות
  • כותרות
  • title
  • headings

Steps

  1. 1

    Step 1

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

    Step 2

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

    Step 3

    Step 3
    h6 heading h5 heading

    h4 heading

    h3 heading

    h2 heading

    h1 heading
  4. 4

    Step 4

    Step 4
    כך זה יראה בדפדפן:
  5. 5

    Step 5

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

    Step 6

    Step 6
    Title of this cool page Some text in the document itself
  7. 7

    Step 7

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

    Step 8

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

Related Guides

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

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

במדריך זה נלמד כיצד לתבל מעט את הטקסט הפשוט בעזרת עיצובי טקסט שונים כמו bold, italic וכדומה.

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

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

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

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

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

פירוש הקיצור HTML הוא Hyper Text Markup Languge - שפה זו היא שפת תגיות (בניגוד לשפת תכנות) שיוצרות ומעצבות דפי אינטרנט. קוד HTML ישמרו על דפי טקסט פשוטים. דפים אלו יכילו את התגיות המדוברות, מלל וסימונים שיתנו הוראות כיצד על הדפדפן להראות את דף האינטרנט. במדריך זה אראה לכם כיצד לכתוב תגיות html פשוטות וכיצד לראות אותן בתצורת דף אינטרנט.

Easy 1K views
מדריך HTML מספר 2 - אלמנטים (Elements) ומאפיינים (Attributes)

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

במדריך HTML מספר 1 ראינו שקובץ HTML בנוי מתגיות, תכני התגיות האלו (כולל התגיות עצמם) נקראים אלמנטים. לחלק מהאלמנטים יש מאפיינים מסויימים (Attributes) שנותנים לנו להגדיר מידע נוסף. במדריך זה נעבור על החוקיות של כתיבת האלמנטים והמאפיינים.

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

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

מדריך זה ילמד אתכם כיצד להכניס קישורים באתרכם - קישור יכול להיות מילה, מספר מילים או תמונה המקשרת למסמך אחר.

Easy 134 views
How to Fix the OpenSSL Heartbleed Bug: A Comprehensive Guide

How to Fix the OpenSSL Heartbleed Bug: A Comprehensive Guide

Learn to identify, patch, and verify fixes for the critical OpenSSL Heartbleed vulnerability. This guide covers steps for Linux, Apache, Tomcat, and other systems.

Medium 14K views