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>

פלט:

[עריכה] סיכום

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

[עריכה] ניווט