Hypertext Markup Language הידועה גם בשם HTML, משמשת לבניית יישומי אינטרנט. תגי HTML, הידועים בדרך כלל כאלמנטים, הם ההיבט החשוב ביותר של שפת HTML. תגי HTML מטמיעים ומציגים תוכן או מידע בדפי אינטרנט. ישנם שני סוגים של תגי HTML: תגיות ריקות ותגיות Container.
בלוג זה ינחה כיצד לעבוד עם תגיות ריקות ותגיות מכילות ב-HTML.
תגים ריקים
התגים הריקים ידועים גם בשם ' קְלָף בּוֹדֵד ' או ' בָּטֵל ' תגיות. התג void לעולם אינו מכיל תוכן כלשהו, אך ניתן לציין תכונות. לתגים אלו אין תג סיום ועשויים להכיל קו נטוי אחורי בתג. הדוגמאות לתגים ריקים הם '
', '', '', '
תחביר
התחביר להזכרת האלמנטים הריק ב-HTML הוא כדלקמן:
< תג ריק />
כדי לראות כיצד לעבוד עם תגים ריקים, עיין בדוגמה למטה. ה '
' תג ידוע בתור תג מעבר שורה ומשמש לשבירת השורה:
< ע > תגיות ריקות ב-HTML < br > השורה לשבור תָג ע >
הפלט מציין כי '
'תג שבר את השורה:
אנו יכולים להוסיף מאפייני סגנון CSS לתגיות HTML. ה '
' תג הוא עוד אלמנט ריק שמוסיף קו אופקי לדף:
< שעה סִגְנוֹן = 'border-top: 3px מקווקו אדום;' > השורה לשבור תָג
ע >
ה ' הגבול העליון ' מאפיין CSS מוחל על '
' עם שלושה ערכים, אחד הוא רוחב הגבול השווה ל' 3 פיקסלים ', סגנון הגבול מוגדר כ' מקווקו ' וצבע הגבול.
תְפוּקָה
עד כה, דיברנו על תגי HTML ריקים. כעת, נעבור על תגי מיכל HTML בסעיף הבא.
תגי מיכל
תגי מיכל HTML מורכבים משלושה חלקים: תגי התחלה, תוכן ותגי סיום. התחביר של תג המכיל HTML ניתן באופן הבא:
< התחלה_יום > תוֹכֶן תג קצה >בדוק את הדוגמאות שלהלן כדי ללמוד כיצד פועל תג המאגר ב-HTML.
דוגמה 1: כיצד להוסיף פסקה ב-HTML?
ה ' תג ' משמש להטמעת הפסקה במסמך ה-HTML:
< ע > זהו תג פסקה ע >תְפוּקָה
דוגמה 2: כיצד להוסיף כותרות ב-HTML?
ישנן שש רמות של תגי מיכל כותרת שניתן להשתמש בהן כדי להוסיף כותרות לדף אינטרנט. בואו נכניס אותם למסמך HTML כדי לראות איך הם עובדים ונראים בדף אינטרנט:
< h1 > לינוקס h1 >< h2 > לינוקס h2 >
< h3 > לינוקס h3 >
< h4 > לינוקס h4 >
< h5 > לינוקס h5 >
< h6 > לינוקס h6 >
תְפוּקָה
אנחנו יכולים לספק את הסגנון המוטבע לתגים האלה. שקול את הדוגמה שלהלן, שמראה כיצד להחיל מאפייני סגנון CSS שונים על התגים האלה:
< h1 סִגְנוֹן = 'צבע רקע: גדילן; משפחת גופן: קורסיב;' > לינוקס h1 >< h2 סִגְנוֹן = 'color-background: wheat; text-align: center;' > לינוקס h2 >
< h3 סִגְנוֹן = 'צבע רקע: עגבנייה; צבע: לבן;' > לינוקס h3 >
< h4 סִגְנוֹן = 'font-family: 'Trebuchet MS'; צבע רקע: yellowgreen;' > לינוקס h4 >
< h5 סִגְנוֹן = 'צבע רקע: סגול;' > לינוקס h5 >
< h6 סִגְנוֹן = 'צבע רקע: עשן לבן;' > לינוקס h6 & gt
להלן ההסבר על המאפיינים שצוינו לעיל:
- ה ' צבע רקע ' מאפיין מוסיף צבע לרקע של האלמנט.
- ' משפחת גופן ' מאפיין מתאים את סגנון הגופן של האלמנט.
- ' יישור טקסט ' מאפיין מתאים את מיקום הטקסט או היישור.
תְפוּקָה
הראינו לך כיצד להשתמש בתגיות ריקות ותגיות מיכל של HTML.
סיכום
התגים הריקים ותגי המכולה הם מרכיבים עיקריים של מסמכי HTML המטמיעים את התוכן והמידע בדף אינטרנט. התגים הריקים אינם מכילים כל תוכן והם מורכבים רק מתג ההתחלה עם קו נטוי בקצהו, כגון
. עם זאת, תגי המכולה מכילים את תגי ההתחלה והסיום יחד עם התוכן. בלוג זה הרחיב על העבודה של אלמנטים ריקים ורכיבים מכילים ב-HTML.