html עיקרי השפה
על מה אסור לוותר ועל מה דווקא כן

תמונות ורקעים

תמונות

אפשר לשלב תמונות בדף ה HTML שלנו, בעזרת התג img. התחביר הוא כזה:

<img src="images/picture.jpg" width="100" height="70" alt="my picture">


וככה זה נראה בדף:

my picture

התג Img מקבל את המאפיינים הבאים:
src שמכיל את הכתובת של התמונה.
alt שמכיל תיאור קצר של התמונה, שיופיע במידה והתמונה לא מוצגת, או לחילופין כשהעכבר מצביע עליה.

המאפיינים הנ"ל הם מאפיינים שחייבים להיות בתג. המאפיינים הבאים הם אפשריים:
height מציין את גובה התמונה בפיקסלים. מומלץ מאוד להשתמש בו תמיד.
width מציין את רוחב התמונה בפיקסלים. מומלץ מאוד להשתמש בו תמיד.
longdesc מכיל כתובת לדף אינטרנט שמכיל תיאור ארוך של התמונה.
vspace מציין את המרחק בפיקסלים מעל ומתחת לתמונה.
hspace מציין את המרחק בפיקסלים מימין ומשמאל לתמונה
align מציין את היחס בין התמונה לטקסט הסובב אותה. הוא מקבל אחד מהערכים הבאים: top, bottom, center, left או right.
דוגמאות:
ריבועכשהמאפיין align מקבל top



ריבועכשהמאפיין align מקבל center



ריבועכשהמאפיין align מקבל bottom



ריבועכשהמאפיין align מקבל left



ריבועכשהמאפיין align מקבל right






רקעים

זוכרים את מסמך ה HTML הראשון? הנה הוא שוב, עם תוספת. עכשיו קבענו לו צבע רקע, בעזרת המאפיין bgcolor שהוספנו לתג body. כמו המאפיין color של התג font, המאפיין bgcolor יכול לקבל ערכים בשמות צבעים, או בערכי RGB.

1
2
3
4
5
6
7
8
9
10
11
12
13  
<HTML>

<HEAD>
    <TITLE>.זוהי כותרת הדף</TITLE>
</HEAD>

<BODY bgcolor="#b4c5f8">
    זהו גוף המסמך.
    כאן יבוא כל הטקסט
    שנרצה להציג בדפדפן.
</BODY>

</HTML>


ניתן לקבוע תמונת רקע לדף שלנו, בעזרת המאפיין background של התג body. המאפיין הזה מקבל כתובת של תמונה שתשמש כרקע לדף. במידה והתמונה קטנה מגודל הדף, היא תשוכפל. אם רוצים שהרקע לא יגלל עם הדף, אלא ישאר קבוע, צריך להוסיף את המאפיין bgproperties="fixed".

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

<BODY bgcolor="#b4c5f8" background="images/bg.gif" bgproperties="fixed">