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

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

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

2.1. מבנה מסמך HTML

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

מסמך HTML מורכב משני חלקים עיקריים: ראש המסמך וגוף המסמך.

מסמך HTML פותח בתג <HTML> ומסתיים בתג </HTML> העוטפים את שני חלקים אלו.

ראש המסמך מסומן על ידי התגים <HEAD> ו-</HEAD>, וגוף המסמך מסומן בעזרת <BODY>  ו-</BODY>.

דוגמא לדף HTML פשוט:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

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

בתוך ה-HEAD אנו יכולים לשים את התג TITLE, המתחיל כך : <TITLE> ומסתיים ב-</TITLE>.

תג זה מאפשר לנו לקבוע את כותרת החלון – זו שמופיעה בשורה העליונה ליד שם הדפדפן.

לדוגמא, נכתוב את הקוד הבא:

<HTML>

<HEAD>

<TITLE>Welcome To My Page</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>



התוצאה:

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

מטרתנו היא לכתוב דפי אינטרנט המכילים בתוכן מידע.

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

לדוגמא:

<HTML>

<HEAD>

<TITLE>Welcome To My Pages</TITLE>

</HEAD>

<BODY>

Welcome to my page!<BR>

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

</BODY>

</HTML>

התג <BR>, בו השתמשנו בדוגמא זו, משמש כדי להעביר אותנו שורה למטה. כאשר נביט בדף נראה את הטקסט שכתבנו מופיע ב-2 שורות.

מראה הדף:

תגיות:

תגיות המסמך:

לפרק הקודם2. יסודות השפה
לפרק הבא2.2. כותרות
מאת: חיה ד-ב

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

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

תודה

מאת: יחץ

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

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

תודה רבה

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

בניית אתרים

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

עזרת לי מאוד!

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