מתוך wikIT
| תורמים אחרים עשויים לערוך או אף להסיר את תרומתכם ל־wikIT [עריכה] HTMLHyperText Markup Language
שפת עיצוב אשר התפתחה כיישום מעשי לשפת ה- SGML.
|
[עריכה] מבנה שפת HTML
שפת ה- HTML מורכבת ממגוון של תגים שונים, המהווים סט הוראות סגור שממנו מורכבת השפה (DTD).
כל הוראה ב- HTML מורכבת מתג פתיחה, לאחריו תוכן התג ולבסוף תג סגירה במבנה הבא:
<TagName> Content </TagName>
שם התג (TagName) מייצג את ההוראה בשפת HTML
והתוכן (Content) מייצג את הנתון עליו פועלת ההוראה.
תג סגירה הינו שם התג שלפניו מופיע Slash (/).
לדוגמא:
הוראת ה- HTML הבאה, מורה לדפדפן להציג את הטקסט "HyperText Markup Language" כטקסט מודגש (Bold):
<b/>HyperText Markup Language<b>
שם התג המייצג את הוראת ההדגשה הינו <b>, התוכן עליו פועלת ההוראה הינו הטקסט "HyperText Markup Language"
ובסיום ההוראה מופיע תג סגירת ההוראה <b/>.
התוצאה תהיה הצגת הטקסט "HyperText Markup Language" בצורה מודגשת, כך: HyperText Markup Language.
בשפת HTML ישנו סט סגור וסופי של הוראות (כדוגמת הוראת ההדגשה שלעיל) אשר בעזרת
צירופן זה לזה ניתן להרכיב ולעצב דפים באינטרנט.
[עריכה] מבנה דף HTML
כל דף HTML חייב להתחיל בתג <HTML> ולהסתיים בתג <HTML/>
הדף עצמו מתחלק לשני חלקים:
ראש הדף <HEAD> וגוף הדף <BODY>
כאשר בתוך ראש הדף קיים תג המייצג את כותרת הדף <TITLE>
ובתוך גוף הדף יכתבו הוראות ה- HTML המשמשות ליצירת ועיצוב תוכן הדף.
להלן דוגמא למבנה דף HTML בסיסי:
<HTML> <HEAD> <TITLE>כותרת הדף</TITLE> </HEAD> <BODY> תוכן הדף </BODY> </HTML>
בתוך ראש הדף יכולות להופיע פקודות META, קישורים שונים כגון קישור ל- CSS
על פיו יוצג הדף וכן פרוצדורות ופונקציות בשפת תסריט (Script) כגון VB Script או Java Script.
מעבר לכך:
- הוראות ה- HTML צריכות להיכתב בצורה מקוננת נכונה, כך שאם ישנן הוראות מקוננות, אופן סגירתן יהיה קודם כל סגירת ההוראה הפנימית ביותר ולאחריה בהדרגה ההוראות החיצוניות יותר.
- לכל תג פתיחה חייב להיות תג סגירה תואם (למעט הוראות חריגות שאינן דורשות תג סגירה).
- הדפדפן יתעלם מהוראות שאינן מוגדרות לו בסט ההוראות הסגור אותן הוא מכיר ויודע לפרש (DTD). במקרה כזה יציג הדפדפן את ההוראות שאינו יודע לפרש כטקסט פשוט.
[עריכה] DHTML
שיטה נוספת, המרחיבה את יכולות ה- HTML אשר בבסיסן הן סטטיות, נקראת Dynamic HTML) DHTML). שיטה זו הינה שיטה ליצירת דפי HTML אינטראקטיביים על ידי שילוב של HTML, שפת Script הפועלת בצד הלקוח, שימוש ב־ DOM המאפשר התייחסות לכל תג HTML כאל אובייקט ושימוש ב- CSS על מנת להגדיר מאפיינים בתצוגה של הדף.
