לימוד HTML חלק 2: הבנת תגיות, תכונות ומרכיבים ב- HTML
לאחר קביעת עורך הטקסט כדי להקלבכתיבת קוד HTML נדון כעת במבנה הבסיסי ב- HTML. אולי שמעת על תג השם, התכונה או האלמנט? אם מעולם לא היית, הקפד לקרוא את ההסבר השלישי לתוכן במאמר זה.
לשני התגים, התכונות והרכיבים ישתפקיד חשוב בבניית אתר אינטרנט, למרות שזה רק אתר פשוט. אנא עיין בהסבר שלהלן כדי שתבינו טוב יותר מהם התגים, התכונות והאלמנטים:
1. תגית
במבנה הבסיסי של מסמך יש מינימום תגים. התגים במסמך HTML נועדו לספר לדפדפן כיצד יש להציג את הטקסט.
רוב התגים ב- HTML נכתבים בצורהכמו <body> ו- </body>. <body> כאן נקרא תג הפתיחה ו </ strong>> הוא תג הסגירה. כדי שתבינו טוב יותר את הפונקציה של תג זה, אנו מנסים ליצור קוד HTML פשוט כמו להלן:
<!DOCTYPE html>
<html>
<body>
Belajar HTML untuk Pemula bersama Nesaba Media
</body>
</html>בחלון הדפדפן זה ייראה כך:
כפי שניתן לראות בתמונה למעלה שרק הטקסט "למידת HTML למתחילים עם מדיה של נסבה" מופיע בחלון הדפדפן. אז טקסט בלבד שהוא בין התגים <body> ו- </body> שיוצגו בחלון הדפדפן.
הערה:
יש לציין כי לא כל התגים ב- HTML משויכים, למשל תגים <br>, תגים המשמשים ליצירת שורות חדשות.
אולי ראית גם תגיות <br /> ו-תוהה מה ההבדל בתגים. התג הוא צורה אחת של HTML בשפת סימון אחרת, המכונה לעתים קרובות XML. עם זאת, השימוש בתגים <br> ו- <br /> עדיין נחשב תקף ב- HTML5 (אני ממליץ בחום להשתמש בתגים רק כדי ליצור שורות חדשות). לדיון עמוק יותר, אם ירצה השם, אעשה זאת במאמר אחר מכיוון שבמדריך זה אנו מתמקדים רק ב- HTML ולא ב- XML.
2. תכונה
התג בדרך כלל מכיל גם תכונה (תכונה), שהיא מידע נוסף שמונח בתג הפתיחה, למשל <p class = "opener"> .............. </p>. יש לציין שלכל שם וערך של כל תכונה יש פונקציה שונה.
3. אלמנט
כל מה שנמצא בתג הפתיחה עד התגהכיסוי נקרא האלמנט. לדוגמה כמו זה, כל התגיות <body> ו- </body> נקרא גוף האלמנט ואילו <body> ו- </body> הם תגיות, ולא אלמנטים.
דוגמא נוספת היא, <title> מדיה של נסבה </ title> הוא כותרת אלמנט. לפרטים נוספים, אתה יכול לראות את התמונה למטה כדי להבדיל בין תגיות, תכונות ואלמנטים:
אולי זה רק ההסבר של התגיות, התכונותואלמנט. עם מאמר זה, אני מקווה שתוכל להבדיל בין שלושת המונחים הללו. להדרכה הבאה נדון בשימוש בתגי הכותרות והצהרות הדוקטייפ במסמכי HTML.
