שפת HTML כוללת מספר אלמנטים. אלה כוללים רכיבי אתר נפוצים כמו פסקאות, כותרות, קישורים ותמונות. יש גם כמה אלמנטים חדשים יותר שהוצגו ב- HTML5, כולל כותרת, כותרת, כותרת תחתונה ועוד. כל רכיבי HTML אלה משמשים ליצירת המבנה של מסמך ולתת לו משמעות. כדי להוסיף עוד יותר אלמנטים, אתה יכול לתת להם תכונות.
תג פתיחת HTML בסיסי מתחיל עם <תו. זה ואחריו שם התג, ולבסוף, אתה משלים את התג עם התו>. לדוגמה, תג הפתיחה של הפתיחה יהיה כתוב כך:
כדי להוסיף מאפיין לתג ה- HTML שלך, תחילה הצבת רווח אחרי שם התג (במקרה זה הוא "p"). לאחר מכן תוסיף את שם המאפיין שבו תרצה להשתמש ולאחר מכן סימן שווה. לבסוף, ערך המאפיין יוצב במרכאות. לדוגמה:
תגים יכולים להיות תכונות מרובות. אתה מפריד כל תכונה מאחרים עם רווח.
אלמנטים עם תכונות נדרשות
כמה רכיבי HTML למעשה דורשים תכונות אם אתה רוצה שהם יעבדו כמתוכנן. אלמנט התמונה ואלמנט הקישור הם דוגמה לכך.
אלמנט התמונה מחייב את התכונה "src". תכונה זו מספרת לדפדפן איזה תמונה ברצונך להשתמש במיקום זה. הערך של התכונה יהיה נתיב קובץ לתמונה. לדוגמה:
תבחין כי הוספתי תכונה נוספת אלמנט זה, אלט "" או תכונה טקסט חלופי. זה לא מבחינה טכנית תכונה הנדרשת עבור תמונות, אבל זה נוהג מומלץ תמיד לכלול תוכן זה עבור נגישות. הטקסט המופיע בערכו של המאפיין alt הוא מה יציג אם התמונה נכשלה מסיבה כלשהי.
אלמנט נוסף שדורש תכונות ספציפיות הוא תג העוגן או הקישור. אלמנט זה חייב לכלול את התכונה "href", המייצגת "הפניה היפר-טקסטית". זוהי דרך מפוארת לומר "לאן הקישור הזה צריך להיות". בדיוק כמו אלמנט התמונה צריך לדעת איזו תמונה לטעון, תג הקישור חייב יודע איפה הוא רוצה.הנה איך תג קישור עשוי להיראות:
קישור זה יביא כעת אדם לאתר המצוין בערך של תכונה. במקרה זה, זהו הדף הראשי של.
תכונות כמו CSS הוקס
שימוש נוסף בתכונות הוא כאשר הם משמשים "ווים" עבור סגנונות CSS. בגלל תקני אינטרנט להכתיב כי אתה צריך לשמור על מבנה הדף שלך (HTML) נפרד סגנונות שלה (CSS), אתה משתמש אלה תכונה ווים ב- CSS כדי להכתיב כיצד מובנה הדף יוצג בדפדפן האינטרנט. לדוגמה, אתה יכול לקבל את זה חתיכת סימון במסמך ה- HTML שלך.
אם אתה רוצה חלוקה זו יש צבע רקע של שחור (# 000) ואת גודל הגופן של 1.5em, היית מוסיף את זה CSS שלך:
.featured {background-color: # 000; font-size: 1.5em;}מאפיין המחלקה "Featured" משמש כוו שאנו משתמשים בו ב- CSS כדי להחיל סגנונות על אזור זה. אנחנו יכולים גם לנו תכונה ID כאן אם רצינו. שני הכיתות ותעודות הזהות הן תכונות אוניברסליות, כלומר ניתן להוסיף אותן לכל רכיב. הם יכולים גם להיות ממוקד עם סגנונות CSS ספציפיים כדי לקבוע את המראה החזותי של אלמנט זה.
לגבי Javascript
לבסוף, שימוש בתכונות על רכיבי HTML מסוימים הוא גם משהו שאתה יכול להשתמש ב- Javascript. אם יש לך סקריפט שמחפש אלמנט בעל מאפיין ID ספציפי, זהו עוד שימוש בחלק הנפוץ הזה של שפת HTML.