תפריט ראשי

לעמוד הבא

לעמוד קודם

שינוי צבעי הגופן .

 

<body text=?> sets the font color
<body link=?> sets the color of links
<body vlink=?> sets the color of followed links
<body alink=?> sets the color of links on click
<font color=?> changes font color
</font> returns font to default color
 

ישנם שתי דרכים לקבוע את הצבע של הטקסט בדף . דרך אחת היא לקבוע את הצבע של כל הדף , וזה נעשה בין תגי <body> . דרך אחרת היא לשנות את הצבע של הגופן ספציפית בתוך הטקסט , וזאת ע"י השימוש בתג : <font> . יש לציין שהדרך הראשונה נתמכת ע"י רוב הדפדפנים ולכן נתחיל בה .

 

על ידי שימוש בתג <body> ניתן לקבוע את צבעי הטקסט לכל העמוד . אנו מפרטים את הצבע של הקישורים הקיימים ( בד"כ כחול ) , ואת הקישורים שנלחצו כבר ( בד"כ אדום ) .

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

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

 

אם הקו יראה כך :

 

<body text=#9932cd link=#ff0000 vlink=#00ff00 alink=#000000>

 

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

במידה ואנו רוצים לצבוע רק מילה אחת זה יראה כך :

 

<font color=#00ff00>green</font> with envy.

 

לאחר הרצה נקבל :

 

green with envy.

 

ניתן גם לשנות  צבע של אותיות בודדות .

 

לדוגמא :

 

Joseph and the amazing 
<font color=#ff0000>T</font>
<font color=#ff7f00>E</font>
<font color=#ffff00>C</font>
<font color=#00ff00>H</font>
<font color=#0000ff>N</font>
<font color=#6b238e>I</font>
<font color=#9932cd>C</font>
<font color=#ff0000>O</font>
<font color=#ff7f00>L</font>
<font color=#ffff00>O</font>
<font color=#00ff00>R</font> 
dreamtag

 

ולאחר הרצה זה יראה כך :

 

Joseph and the amazing T E C H N I C O L O R dreamtag

 

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