אם תחליט ליצור אתר אינטרנט, ולאחר מכן ללא שפההיפרטקסט HTML html אתה לא תלך רחוק. כמובן, יש גם CSS, PHP ושפות scripting אחרות, שבלעדיו אתר אינטרנט מלא השתמשת כדי לראות את זה לא יעבוד. עם זאת, הוא תגי HTML הראשי שיאפשר לך להניח את היסודות עבור האתר שלך.
Когда вы открываете какой-либо html документ или דף אינטרנט, אתה רואה מספר עצום של תגים שונים. עם זאת, אם אתה מסתכל מקרוב, רובם חוזרים על עצמם, כי הם מתארים את אותם גורמים. לדוגמה, תגי ה- HTML העיקריים כוללים תגים כגון סוג המסמך , ,
, ,ועוד.
כדי לציין את סוג המסמך הנוכחי נמצא בשימושאלמנט . זה הכרחי עבור הדפדפן כדי לזהות כיצד לפרש דף אינטרנט מסוים. בהתאם לגרסה של html אתה משתמש, אלמנט זה ייראה אחרת. ב- HTML5, הוא ייקח את הערך הבא:
לאחר שציינת איזה סוגחל את המסמך שלך, עליך להשתמש בתג . כמו רוב התגים האחרים, הוא משויך, כלומר, יש לו תגים פתיחה וסגירה. ההבדל ביניהם הוא שיש קו נטוי "/" לפני תג הסגירה. לפיכך, תג HTML הבסיסי ביותר ליצירת אתר ייראה כך:
...
html>
בין תגי הפתיחה והסגירה במקרה זה יהיה ממוקם שאר הקוד, אשר יקיף את כל התוכן של דף האינטרנט.
תג זה הוא גם תג ה- HTML הראשי.זה כתוב אחרי , והוא גם מזווג ומכיל בעיקר metadata דף אינטרנט. נתונים אלה אינם מוצגים בחלק הגלוי של דף ה- HTML (למעט תג
<ראש>
מטא נתונים
התג הראשי לאתר ה- HTML, כי זה הואהוא מכיל את כל האלמנטים הגלויים בעמוד - כל הטקסט, כל התמונות ומידע אחר. למעשה, בדומה לתג , זהו מיכל לתגיות אחרות. דוגמא:
תוכן גלוי לעין בדף האינטרנט
כל התגים שלעיל הם בסיסייםתגיות שפת html. עם זאת, בשפה של סימון היפר-טקסט, ישנם עדיין מספר עצום של אלמנטים אחרים. לדוגמה, תגיות פסקאות וכותרות. הם מאפשרים לך לבנות את הטקסט, לחלק אותו לפסקאות נפרדות ולהדגיש. אז לגבי פסקאות משתמשים בתג
, מדובר בתג מזווג, בין אלמנטים הפתיחה והסגירה שיש בהם טקסט. דוגמא:
טקסט פסקה
p>
בנוסף לפסקאות, הם יכולים להכיל טקסטכותרות. עם זאת, הם גם משנים את מראה הטקסט הכלול בפנים, מגדילים אותו בגודל ומדגישים מודגשים. ישנם 6 סוגים של כותרות שמשתנות בגודלן. לדוגמה, הכותרת
אף אתר לא יכול להסתדר בלי תמונות,תמונות ותמונות. אכן, בלי זה, דפי אינטרנט יהיו טקסט יבש, שאינו מעניין לעיון. על מנת להטמיע תמונה כלשהי באתר, התג משמש בשפת הסימון של היפר-טקסט. חשוב לציין שהתג הזה אינו מזווג, ולכן בקוד הוא ייכתב כ- .
לעתים קרובות, בנוסף לטקסט ותמונות שונות,אתרים משתמשים בקישורים. הם יכולים להפנות מחדש למשאב של צד שלישי או לדף אחר באתר שלך. כדי לציין את נוכחותו של קישור, נעשה שימוש בתג .
גילינו קצת על התגים העיקריים.עם זאת, לרוב התגים יש גם תכונות. הם כתובים ביסוד הפתיחה ומורכבים משני חלקים. הראשון הוא שם המאפיין עצמו, השני הוא הערך של תכונה זו, שנכתבת אחרי הסימן "=" ומצורפת במרכאות.
לתגיות רבות יש תכונות.עם זאת, עבור תגים מסוימים, הנוכחות שלהם היא אופציונלית אם אינך רוצה לשנות את האלמנטים בשום דרך. עבור תגיות אחרות נוכחות של תכונות היא חובה, כמו למשל תג (ליצירת היפר-קישורים) ותג (להוספת תמונות לדף). העניין הוא שאם לא נציין את התכונות והערכים שלהם בתגיות ה- HTML העיקריות הללו, אז לא נראה אותם בדף האתר.
אם תציין בקוד את הטקסט המצורף בתג<a>, אז לא תראה דבר מלבד הטקסט הזה בדף האינטרנט. התג עצמו, למעשה, מדבר רק על הכוונה ליצור היפר -קישור, וכדי ליצור אותו בפועל, אתה צריך תכונה. תכונה זו תהיה href, והערך של תכונה זו יהיה קישור ספציפי למשאב. לכן, אם נרצה ליצור קישור לאתר fb.ru, הוא ייראה כך:
<a href="fb.ru"> קישור ל- fb.ru </a>
אז כל הטקסט שנמצא בין התגים <a> הוא היפר -קישור, והערך של תכונת href, המצורפת במרכאות כפולות, תהיה הכתובת שאליה נלך בלחיצה על הטקסט.
המצב דומה לתג <img />.אם לא נציין את התכונה וערכה יחד איתה, התמונות לא יופיעו בדף האינטרנט. כמו במקרה של התג <a>, הנוכחות של התג <img /> רק אומרת שאנחנו הולכים להכניס את התמונה לקוד שלנו. עם זאת, על מנת שתמונה זו תופיע, עליך לציין את כתובת התמונה. למטרות אלה, יהיה עליך להשתמש במאפיין src, שערכו יהיה כתובת התמונה הממוקמת במשאב של צד שלישי או במחשב שלך.
<img src = https: //img.fonwall.ru/o/f7/zakat-more-palmy-plyazh-q85n.jpg/>
בנוסף, לתג <img /> יש עוד אחדתְכוּנָה. זה לא נחשב חובה, אבל זה מוכר כמומלץ לשימוש. תכונה זו היא תכונת הטקסט alt. הערך של תכונה זו יהיה הטקסט המתאים לתיאור התמונה או התמונה. טקסט זה יוצג במקרה שהתמונה לא תטען מסיבה כלשהי. בנוסף, שימוש בתכונה זו יסייע לאנשים לקויי ראייה המשתמשים בקוראי מסך. לפיכך, התג <img />, יחד עם שתי התכונות המוצגות, ייראה כך:
<img src = https: //img.fonwall.ru/o/f7/zakat-more-palmy-plyazh-q85n.jpg
alt = "תיאור תמונה" />
יש מספר עצום של תכונות, הםהרשימה ענקית כמו רשימת תגי ה- HTML העיקריים. עם זאת, יש תכונה הטמונה במספר תגים בבת אחת. זהו יישור. ניתן להשתמש בו בתג <img /> וכן בתג <p>. המהות שלו היא שהוא קובע את המיקום של תמונה או טקסט בדף. הערכים הבסיסיים ביותר לתכונה זו הם ימין ושמאל, המציינים יישור שמאל ושמאל (בהתאמה). אם אתה מחיל אותו על תמונה, הקוד ייראה כך:
<img src = https: //img.fonwall.ru/o/f7/zakat-more-palmy-plyazh-q85n.jpg
alt = "תיאור התמונה"
align = "right" />
עם זאת, יש לציין כי לאחרונהחלק מהתכונות הללו אינן משמשות, ובמקום זאת משתמשים בגיליונות סגנון מדורגים (CSS). על מנת להשתמש בסגנונות ב- html, התג <link> נכתב, שנועד לחבר סגנונות וממוקם בתג <body>.