מדריך HTML » לימוד HTML באינטרנט » מדריך HTML למתחילים » תגיות, תכונות ואלמנטים ב – HTML

תגיות, תכונות ואלמנטים ב – HTML

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

תגיות ב- HTML

המבנה הבסיסי של מסמך HTML כולל בתוכו תגיות אשר מקנות משמעות לתוכן שבתוכן.
חזור לעמוד ה – HTML שיצרת בשלב הקודם, myhtmlpage.html, וערוך אותו בצורה הבאה :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <body>
  4. עמוד האינטרנט הראשון שלי
  5. </body>
  6. </html>

כעת, שמור את העמוד, חזור לדפדפן שלך ולחץ על "רענן" או F5 במקלדת.
פעולה זו, תרענן ותטעון את העמוד שוב לאחר השינויים שביצעת.

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

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

לאחר מכן, מוצגת התגית אשר משתמשת לפתיחה <html> וסגירה </html> של עמודי HTML. התוכן שנמצא בתוך התגיות <body> ו - </body> הוא למעשה התוכן המרכזי של עמוד ה – HTML, תוכן זה יוצג לאחר מכן בדפדפן.

תגיות סגירה ב- HTML

התגיות </html> ו - </body> משמשות לסגירה של התג היחסי שלהם.
ככלל, כל התגיות בשפת HTML צריכות להיסגר, ללא יוצא מן הכלל – כדי לאמץ זאת מההתחלה !

לא לכל התגיות ב – HTML יש תגיות סיום כמו הנ"ל. ישנן תגיות אשר לא מכילות תוכן ולכן הסגירה מתבצעת בצורה עצמאית. למשל, התגית <br /> אשר אחראית על שבירת שורה.

כרגע, חשוב מאוד להבין כי כל תגית ב – HTML צריכה להיסגר ורובן עובדות בפורמט של : תגית פתיחה > תוכן > תגית סגירה.

תכונות ב – HTML

לכל תגית ב – HTML ניתן לייחס תכונות כלשהן.

תכונות מופיעות בתוך תגית הפתיחה של והערך שלהן מופיע תמיד בתוך מרכאות. למשל,
<tag attribute="ערך כלשהו">תות בננה</tag>.

דוגמאות ומידע נוסף על תכונות ב- HTML יוצג בהמשך המדריך.

אלמנטים ב - HTML

תגיות ב – HTML לא עושות יותר מלסמן את ההתחלה והסוף של האלמנט. האלמנטים הם התכנים שיוצרים בסופו של דבר את עמודי ה – HTML.

לדוגמא, כל מה שבין תגית ההתחלה <body> ותגית הסיום </body> הוא אלמנט הגוף של עמוד ה- HTML.

עמודים רלוונטים

רפרנס

  • תגית html
  • תגית body