קיצור HTML מייצג את HyperText Markup Language. HTML אינו שפת תכנות, זוהי שפת סימון אתר.
כל הדפדפנים מסוגלים להמיר את הסימון הזה לטופס נוח עבור המשתמש.
שפה זו משתמשת בפקודות מיוחדות,תגים שנקראו. כל תג יש פונקציה משלה. יש כמות עצומה של תגים. באופן אידיאלי, אתה צריך ללמוד הכל. אבל למפתח מתחילים ידע בסיסי מספיק.
רשימת פקודות HTML גדולה מאוד.אבל אין כל כך הרבה כאלה. כדי להתחיל לכתוב קוד, אתה צריך עורך. ניתן להשתמש בפנקס הרשימות. מומלץ להשתמש ב- Notepad ++. הוא נראה כך.
היתרון הוא בעורכים מיוחדיםהתגים מודגשים בצבע מסוים, בהתאם לקטגוריה. הפקודות ליצירת אתר HTML בפנקס הרשימות או בכל תוכנית אחרת הן זהות. השפה המשמשת זהה בכל מקום. סביבת הפיתוח היא רק כלי.
HTML כולל סגירה ולא סגירהתגיות גם בשפה זו יש מושג הקינון. כל אובייקט בקוד הוא אלמנט. לאלמנט יש תג פתיחה הסוגר גם את התוכן. יתר על כן, לתג יש תכונות נוספות משלו עם ערכים משלו.
באיור מופיעים שני תגי ו- .זכור שהפתיחה והסגירה כתובים זהים, אך רק "/" נבדלים זה מזה. אם התג לא סגור, המטפל יחשב את כל השאר כהמשך לאלמנט מסוים זה. זה מאוד חשוב. במיוחד בקישורים. נשקול אותם עוד מעט.
התג נדרש. זה תמיד צריך להיות כתוב. אך אין צורך בסגירה. בסטנדרטים זה הכרחי, אך אם לא תסגרו את זה, זה יעבוד בכל מקרה.
ישנם עוד תגיות עיקריות: ראש וגוף.
פקודות HTML אלה הן השלד של הדף. הם נדרשים. הם גם נסגרים.
שם התגים מתאים למשמעות.ראש - ראש. פרק זה מציין שירות ומידע חשוב שאינו גלוי. חלק הגוף הוא גוף המסמך. להלן התוכן שמוצג למשתמש. נסה לסגור תגיות באופן מיידי כדי שלא יהיה בלבול.
מדור השירות מציין:
קובץ הסגנון מחובר כך:
<קישור rel = “גיליון סגנונות” href = “style.css” type = “text / css”>
קובץ הסקריפטים הוא כדלקמן:
<script type = "text / javascript" src = "main.js"> </script>
הטקסט חייב להיות בעל כותרת. אנו מציינים זאת כך:
טקסט זה יופיע בכותרת כרטיסיית הדפדפן. כמו כן, כותרת זו מוצגת כתוצאה מתוצאות מנוע החיפוש.
יש למקם את הטקסט בתג הפסקה. זה מוגדר כ <p> טקסט </ p>. תוכל גם להשתמש ב <span> מחרוזת </ span> לטקסט.
אתה יכול לסדר את הטקסט, כמו ב- "Word":
ניתן לעצב טקסט. נבחן אותם בסוף, לאחר שנבדוק אלמנטים אחרים.
ישנן גם פקודות HTML חשובות אחרות.כדי ליצור אתרים, יש להשתמש בכותרות. הם מסומנים באמצעות התג <h1> כותרת מדרגה ראשונה </ h1>. יש רמות מ -1 עד 6. חשוב להבין כי הכותרות חייבות להיות מקוננות.
דוגמה מוצגת באיור.
שימו לב שמומלץ להשתמשרק כותרת H1 אחת. עם זאת, עליו להתאים לתג <title>. כמובן, אתה יכול לציין 200 כותרות h1, אבל אז אתה יוטל על ידי מנועי החיפוש.
תמונות הן חלק בלתי נפרד מדפי האינטרנט. דוגמה מראה כיצד ניתן להוסיף תמונה.
כפי שאתה יכול לראות, הדוגמה מראה בפירוט מה נקרא ואיך.
אם אתה לומד פקודות HTML, עליך פשוט לדעת את קישורי התגים. זהו אחד האלמנטים החשובים ביותר המרכיבים את האינטרנט.
הקישור מסומן על ידי התג <a>. אבל זה חייב להיות סגור. בנוסף, לאלמנט זה תכונת href נדרשת, המציינת את כתובת הקישור.
בדוגמה שלמעלה, אתה יכול לראות שבמקום טקסט הקישור, מסומנת תמונה. כלומר, אתה יכול לשים גם טקסט וגם תמונה.
ניתן לעצב קישורים גם באמצעות שיעורי סגנון או תגים רגילים (נטוי, מודגש, קו תחתון וחוצה).
שולחנות משמשים לעתים קרובות מאוד. בתחילה, הם נועדו להציג מידע בצורה נוחה. אבל אז מעצבי הפריסה השתמשו בהם כדי להציב אלמנטים שונים של הדף.
הטבלה נוצרת באופן הבא:
<table width = "100%" border = "1">
<tr>
<td> טקסט תא </ td>
<td> טקסט תא </ td>
</tr>
<tr>
<td> טקסט תא </ td>
<td> טקסט תא </ td>
</tr>
</ שולחן>
תכונת רוחב מציינת את רוחב הטבלה. זה יכול להיות באחוזים או בפיקסלים. גבול מציין את עובי הגבול.
המבנה מסומן כדלקמן. התג tr הוא מחרוזת. תג Td לפי תא. וכולם יחד שולחן.
ניתן ליישר את הטבלה. לשם כך משתמשים במאפיין היישור, שיכול לקחת שלושה ערכים: שמאל, מרכז, ימין. דוגמה לשימוש מוצגת להלן.
פקודות HTML אלה (רוחב ויישור) פועלות גם עבור אלמנטים אחרים. עובי המסגרת מסומן גם עבור תמונות.
ניתן ליצור סוגים שונים של רשימות באמצעות פקודות HTML. כמעט בדיוק כמו בעורך Word.
ישנן רשימות מסודרות ולא מסודרות (תבליטים) בשפת ה- HTML. דוגמא לרשימה כזו.
<ul>
<li> ראשית </ li>
<li> שניה </ li>
<li> שלישית </ li>
</ul>
התוצאה תהיה כזו:
סוג הרשימה | קוד HTML |
בצורת מעגל | <ul type = "disc"> |
בצורת מעגל | <ul type = "circle"> |
עם טושים מרובעים | <ul type = "square"> |
רשימות מסודרות נוצרות באותו אופן, אך במקום <ul> אנו משתמשים בתג <ol>.
כאן תוכלו גם להגדיר את סוג פלט הרשימה:
ספרות בערבית מוצגות כסטנדרט.
מכיוון שמדובר ברשימות ממוספרות, יש להן תכונת התחלה המציינת את ערך ההתחלה של הרשימה. לדוגמא, תוכל להציג רשימה החל מה -10 או ה -20.
פקודות ה- HTML לאתר הן מגוונות למדי, אךכולם מצייתים לסגנונות. ניתן לציין סגנונות כקובץ במקטע הכותרת: <link rel = "stylesheet" href = "style.css" type = "text / css"> או שתוכל לכתוב סגנון מוכן מייד.
שימו לב שבין ההגדרות הללוסגנונות יש הבדל. ניתן לציין את קובץ הסגנון בכל דפי האתר. ברגע שתבצע בו שינויים, עדכון זה ישפיע על האתר כולו. אם אתה מציין סגנונות בעמוד ספציפי, שינויים ושימוש בשיעורים אלה יהיו רק בתוך קובץ זה. ההגדרות שלך לא יחרגו ממנה.
דמיין שיש לך 20 דפי HTML ואתההחליטו להגדיל את הכותרת בשני פיקסלים. אם יש לך הכל בקובץ הסגנון, אז אתה צריך רק לערוך אותו שם. אם הכל אינדיבידואלי, כל 20 הדפים יצטרכו להתעדכן.
ניתן לציין רק עבור דף אחד באופן הבא.
שיטה זו אינה מומלצת.