מדריך למתקדמים...|HTML|
הודעה זו נכתבה על-ידי Raviv בתאריך: 20.07.06 - שעה: 06:49:22
תהנו מדריך מצוין!


לפני שאנו נכנסים לעמקי ה-HTML, אתם תצטרכו לדעת מה זה.
הביטוי HTML הוא ראשי התיבות של המילים Hyper Text Markup Language.
למעשה HTML הוא מערכת קודים אשר דפדפני רשת מיוחדים
מקבלים ומתרגמים.
כמובן, HTML אינו נראה כפי שאנו רואים אותו על המסך. HTML מלא
תגיות אשר כוללות משימות מיוחדות שהדפדפן אמור לבצע.
את התגיות האלה יהיה עליכם ללמוד ולזכור על מנת להיות וובמסטרים.

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

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

אנו תמיד מתחילים את כתיבת עמוד ה-HTML עם הביטוי הפשוט:
<html>


שלב שני:
לאחר מכן אנו מציינים את כותרת העמוד שלנו, את זה עושים ע"י כתיבת

<title>כותרת העמוד שלכם</title>

שימו לב ל-"/" לפני השימוש השני ב"title". הסימן "/" אומר לדפדפן שזהו הסוף
של כותרת העמוד. אתם תלמדו להשתמש בסימן "/" כמעט בכל תגיות ה-HTML.

השלב השלישי:

:איה םיבתוכ ונאש האבה תיגתה

<body>

תגית body זו כוללת סעיפי משנה (subsections) שונים.
סעיף משנה כותבים בתוך התגית כך:

<"משהו"=tag subsection>

רוב תגיות ה-HTML כוללות סעיפי משנה, אבל בדרך כלל סעיפי המשנה
אינם הכרחיים לשימוש. תגית ה-body כוללת סעיפי משנה אלו:

רשימה:

<1> "שם של קובץ תמונה"=background

קובע את תמונת הרקע של העמוד
דוגמא: <"body background="image.jpg>

<2> "bgcolor="rgb_code

.קובע את צבע הרקע של העמוד
(אם לא משתמשים בתמונה כרקע)
דוגמא: <"body bgcolor="#FFFFFF>

<3> "text="rgb_code

קובע את צבע הטקסט בעמוד.
דוגמא: <"body text="#000000>

<4> "link="rgb_code

קובע את צבע הטקסט של הלינקים.
דוגמא: <"body link="#0000FF>

<5> "vlink="rgb_code

קובע את צבע הטקסט של לינקים
שביקרו בהם.
דוגמא: <"body vlink="#669966>

<6> "alink="rgb_code

קובע את צבע הטקסט של לינק פעיל.
דוגמא: <"body alink="#FF0000>


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

דוגמא: <"body bgcolor="#FFFFFF" text="#000000" link="#0000FF>

על טקסטים ולינקים נדבר בשלב השני. עכשיו, מה הכוונה מאחורי הביטוי "rgb_code"?
ה-"rgb_code" הוא קוד שש סיפרתי אשר מציין את הצבע של משהו.
הנה כמה דוגמאות ל-rgb-קודים בסיסיים:

(אפשר להוסיף סולמית לפני הקוד, אבל זה לא חובה.)


אדום - #FF0000



ירוק - #00FF00



כחול- #0000FF



לבן- #FFFFFF




שחור- #000000




צהוב- FFFF00 #


תזכרו! אילו לא הצבעים היחידים שיש!!!
יש עוד הרבה צבעים עם קודים שונים!

השלב הרביעי:

לאחר תגית ה-body, ה-HTML הנראה מוצג בדיוק כמו טקסט רגיל. אין צורך בשום דבר
מיוחד לשם הצגת הטקסט חוץ מהקלדתו במקלדת בצורה רגילה, אבל בכל אופן ישנן
תגיות HTML מסוימות, אשר עליכם להוסיף, בשביל שהטקסט יראה בצורה שאתם רוצים,
או כדי להוסיף תמונות ודברים אחרים. תגיות HTML אלו יוצגו בשלבים 2,3 ו-4,
ובנוסף תגיות מתקדמות בשלבים 5,6 ו-7.

שלב חמישי:

לאחר שמיקמתם את כל ה-HTML הנראה והטקסט, אתם מוכרחים עכשיו לסגור את מסמך
ה-HTML. אתם עושים זאת ע"י כתיבת שתי התגיות:

</body>
</html>

אם אתם זוכרים, אמרתי שהסימן "/" מסמל סיום של משהו. ובכן, התגיות למעלה
אומרות לדפדפן שזהו סוף ה-HTML הנראה והטקסט ושזהו הסוף של עמוד ה-HTML.

שלב שישי:

וכך, בשילוב של מה שלמדנו עד כה, יראה הסידור של מסמך ה-HTML שכתבתם:



CODE

<html>
<title>כותרת העמוד שלכם</title>
<body bgcolor="rgb_code" text="rgb_code" link="rgb_code">
זהו המקום שבו נראה התוכן של הדף (כמובן בשפת HTML)
</body>
</html>





סיכום
אז הנה למדנו"
מהו HTML
הסידור של מסמך HTML

מקווה שהבנתם!
השקעת יפה אבל זה לא ממש מתקדמים... יישר כח על העבודה הקשה !
הודעה זו נכתבה על-ידי amiramen בתאריך: 30.07.06 - שעה: 12:27:31
תודה אחי עוד תגובות אני רוצה (:
הודעה זו נכתבה על-ידי Raviv בתאריך: 30.07.06 - שעה: 17:24:18