HTML/תגי עיצוב טקסט

הפרדת עיצוב מתוכן

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

תגים לעיצוב טקסט

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

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

b

אלמנט b מדגיש את הטקסט. bold - b - הדגשה

דוגמה:

<b>טקסט להדגשה</b> טקסט רגיל

פלט:

טקסט להדגשה טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/b.

i

אלמנט i מטה את הטקסט. italic - i - הטייה

דוגמה:

<i>טקסט להטייה</i> טקסט רגיל

פלט:

טקסט להטייה טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/i.

sub

אלמנט sub מנמיך את הטקסט. subtext - sub - טקסט מונמך.

דוגמה:

<sub>טקסט להנמכה</sub> טקסט רגיל

פלט:

_{טקסט להנמכה} טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/sub.

sup

אלמנט sup מגביה את הטקסט. supertext - sup - טקסט מוגבה.

דוגמה:

<sup>טקסט להגבהה</sup> טקסט רגיל

פלט:

^{טקסט להגבהה} טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/sup.

big

אלמנט big מגדיל את הטקסט. big - גדול.

דוגמה:

<big>טקסט להגדלה</big> טקסט רגיל

פלט:

טקסט להגדלה טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/big.

small

אלמנט small מקטין את הטקסט. small - קטן.

דוגמה:

<small>טקסט להקטנה</small> טקסט רגיל

פלט:

טקסט להקטנה טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/small.

tt

אלמנט tt מורה להציג את הטקסט ברוחב גופן אחיד (Fixed). Typewriter Text - tt - גופן של מכונת כתיבה. גופן ברוחב אחיד מזכיר לעתים גופן של מכונת כתיבה.

דוגמה:

<tt>טקסט ברוחב אחיד</tt> <br /> טקסט רגיל

פלט:

טקסט ברוחב אחיד
טקסט רגיל

תיאור האלמנט בקובץ המפרט: XHTML10STRICT/tt.

שילוב של כמה תגים ביחד

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

b ו- i: (אין חשיבות לסדר הקינון)

<b>
  <i>
    טקסט מודגש ומוטה
  </i>
</b>

פלט:

טקסט מודגש ומוטה

sub ו- sup: (יש חשיבות לסדר הקינון!)

<sup> מוגבה </sup>
<sub> מונמך </sub>
<sub>
  <sup>
    מונמך ואז מוגבה
  </sup>
</sub>

<sup>
  <sub>
    מוגבה ואז מונמך
  </sub>
</sup>

פלט:

^מוגבה _{מונמך ^{מונמך ואז מוגבה מוגבה ואז מונמך}}

קינון של big בתוך עצמו

<big>
  <big>
    <big>
       ממש ממש גדול
    </big>
  </big>
</big>

פלט:

ממש ממש גדול

הכל ביחד

<big>
  <sub>
    <sup>
      <small> 
         <b>
           <i>
             <tt>
כל האלמנטים ביחד יוצרים את התמונה הבאה:
             </tt>
           </i>
         </b>
      </small>
    </sup>
  </sub>
</big>

פלט:

_{^{כל האלמנטים ביחד יוצרים את התמונה הבאה:}}

סיכום

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

ניווט

הפרק הקודם: הוספת קישורים

תגי עיצוב טקסט תרגילים

הפרק הבא: התגית marquee