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