הועלה לאתר:  
מספר עמודים: 17
הורדת המסמך בגרסה להדפסהלהורדת המסמך בשלמותו

HTML - חלק ראשון - יצירת דפי HTML, בניית אתר בסיסי

מדריך מאת: ניר אדר

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>

והתוצאה:


תגיות:

תגיות המסמך:

לפרק הקודם4. עיצוב הדף
לפרק הבא4.2. עיצוב הכתב
מאת: חיה ד-ב

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

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

תודה

מאת: יחץ

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

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

תודה רבה

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

בניית אתרים

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

עזרת לי מאוד!

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