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

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

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

Easy 1,695 views

What You'll Need

  • HTML
  • סגנונות
  • italic
  • bold

Tips

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

Steps

  1. 1

    Step 1

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

    Step 2

    Step 2
    Some text in the document itself
  3. 3

    Step 3

    Step 3
    ומכיוון שהמילה document מוקפת בתגית פותחת ותגית סוגרת של הבלטה (bold) היא תבלוט בתצוגה בדפדפן.
  4. 4

    Step 4

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

    Step 5

    Step 5
    Some text in the document itself
  6. 6

    Step 6

    Step 6
    כעת המילה document הא גם מובלטת (bold) וגם נטויה (italic). שימו לב שתמיד יש לסגור את התגית הפנימית לפני שסוגרים את התגית החיצונית, כלומר, מצב כזה אינו תקין: document
  7. 7

    Step 7

    הנה כמה תגיות של סגנונות שתוכלו להשתמש בהם ולהתנסות בעצמכם
  8. 8

    Step 8

    טקסט בולט טקסט גדול טקסט נטוי מגדיר טקסט מוקטן ובחלק התחתון של השורה מגדיר טקסט מוקטן ובחלק העליון של השורה קו מתחת לשורה - כאילו מילאו אותו טקסט עם קו המוחק את השורה מראה את הטקסט בסגנון קוד מחשב סגנון כתיבה של מכונת כתיבה

Related Guides

מדריך 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 מספר 3 - כותרות (title and headings)

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

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

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

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

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

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

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

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

Easy 899 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