עיצוב טקסט – גודל, צבעים והדגשה

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

<font size="?"> </font>
במקום הסימן שאלה, נכתוב מספר שלפניו + או -. המספר הזה אומר לדפדפן כמה דרגות להוסיף או להוריד לגודל האותיות הרגיל. למשל אם נכתוב:

<font size="+4">
אני גדול!
</font>
נקבל:

אני גדול!

אם נכתוב:

<font size="-4"> לא מאכילים אותי בבית... </font>

נקבל אתגר לעיניים:

לא מאכילים אותי בבית...

<font color="?"> </font>
התגים האלה ישנו לנו את צבע הכתב. במקום הסימן שאלה נכתוב צבע. אפשר להשתמש בשמות של צבעים באנגלית, כמו yellow, red, blue, green וכו', או בקוד הצדסימלי (מספרים על בסיס 16). הסבר על צבעים במחשב ניתן לקרוא כאן, כולל דוגמאות לצבעים וקודים.

דוגמא לשימוש בשם של צבע:

<font color="red">
נשרפתי בשמש?
</font>

והתוצאה:

נשרפתי בשמש?

דוגמא לשימוש בקוד של צבע (שימו לב שצריך לכתוב סולמית לפני הקוד של הצבע):

<font color="#FF0000">
נשרפתי בשמש?
</font>

והתוצאה:

נשרפתי בשמש?

אפשר לשלב גם גודל וגם צבע בתוך אותו תג:

<font color="green" size="+2">
אני ירוק וגדול
</font>

אני ירוק וגדול

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

<b> </b>
התגים האלה יתנו טקסט מודגש, bold.

<b>אני מודגש!</b>

אני מודגש!

<u></u>
התגים האלה יתנו טקסט עם קו תחתון, underline.

<u>יש לי קו!</u>

יש לי קו!

<i></i>
התגים האלה יתנו טקסט נטוי, italics.

<i>אני נוטה כמו מגדל פיזה...</i>

אני נוטה כמו מגדל פיזה...

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

חזרה לדף html הראשי...