4.1. צבעים בשפת HTML

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

על מנת לעשות זאת, אנו מוספים מספר תוספות (מאפיינים) בתוך תג ה-BODY.

המאפיינים שאנחנו יכולים לקבוע.

  • צבע הטקסט: המאפיין TEXT.
  • צבע הרקע: המאפיין BGCOLOR
  • צבע הקישורים בדף: המאפיין LINK

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

<HTML>

<HEAD>

<TITLE>Welcome To My Pages</TITLE>

</HEAD>

<BODY TEXT="WHITE" BGCOLOR="BLACK" LINK="RED">

<CENTER><H1>Welcome to my page!</H1></CENTER><BR>

<HR>

<BR>

Right now there isn’t too much here, but it will be change!<BR>

I’m going to put here songs, stories, pictures of my dog and some math pages.<BR>

<BR>

</BODY>

</HTML>


התוצאה:

באילו צבעים ניתן להשתמש?

AQUA, BLUE, GRAY, LIME, NAVY, PURPLE, SILVER, WHITE, BLACK, FUCHSIA, GREEN, MAROON, OLIVE, RED, TEAL, YELLOW.

על ידי שימוש בשם, נוכל לגשת לכל אחד מ-16 צבעים אלו.

אם נרצה לגשת לתחום צבעים רחב יותר מ-16 הצבעים הבסיסיים, נצטרך להשתמש בשיטה אחרת.

על מנת לעבוד עם צבעים נוספים, עלינו להכיר את הבסיס ההקסדצימלי. ניתן להגדיר צבעים בהם נשתמש, על ידי ערבוב של הצבעים אדום, ירוק וכחול (Red-Green-Blue = RGB).

עלינו להגדיר מספר בבסיס הקסדצימלי בין 00 ל-FF (255 בבסיס רגיל) שייצג את האדום, מספר באותו הטווח שייצג את הירוק ומספר שלישי שייצג את הכחול. לדוגמא:

<BODY TEXT="#FFFFFF" BGCOLOR="#989898" LINK="#0000EE">

הסימן # אומר לדפדפן שהערך הנכתב בתור צבע הינו מספר ב-Hex.


בעמוד הבא: טבלה המרכזת צבעים מול הערך ב-Hex המתאים להם.



דוגמא לשימוש בצבעים הנוספים:

<HTML>

<HEAD>

<TITLE>Welcome To My Pages</TITLE>

</HEAD>

<BODY TEXT="#0000BB" BGCOLOR="#FFFFCC">

<H1>Welcome to my page!</H1><BR>

<BR>

The page has colored background and the text is blue.<BR>

<BR>

</BODY>

</HTML>

והתוצאה:


מאת: מרינה

היי בייבי אנחנו עושות שיחות וידאו חמות ומצלמות אירוטיות

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

מאיה 050-7291168

דנה 055-3386275

050-7534732 בר

053-7238731 הילה
מאת: חיה ד-ב

ועוד סיבה למה להשתמש בכותרות

זה מקל על משתמשי קורא מסך או צג בראיל.
מאת: יוסי

תודה

מאת: יחץ

תוכל להסביר יותר ולהדגים איך משתמשים בתג FONT SIZE

תוכל להסביר יותר ולהדגים איך משתמשים בתג FONT SIZE
מאת: יגאל

תודה רבה

אני לומד מדעי המחשב אבל בלעדיך לא הייתי מגיע עד לכאן. תודה
מאת: אפרת

בניית אתרים

מעוניינת ללמוד html ן DW
מאת: שם חסוי

עזרת לי מאוד!

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