קורס ה-HTML הזה למפתחי אתרים מספק סקירה כללית מוצקה למפתחים, מתחילים ועד מומחים ב-HTML.
ברוכים הבאים ל-HTML! HyperText Markup Language (HTML) הוא עמוד השדרה של האינטרנט, והוא מספק את התוכן ואת המבנה של התוכן שמוצג בדפדפן האינטרנט.
אלא אם אתם קוראים קובץ PDF או גרסה מודפסת של הדף הזה, התוכן הזה מורכב מרכיבי HTML וטקסטים שונים. HTML הוא שכבת התוכן של האינטרנט. רכיבי HTML הם הצמתים שמרכיבים את Document Object Model.
גיליונות סגנונות מדורגים מספקים את המראה והתחושה, או שכבת התצוגה של הדף. JavaScript היא שכבת ההתנהגות, שמשמשת לרוב לצורך מניפולציה באובייקטים במסמך. אתרים שנוצרו באמצעות מסגרות JavaScript הם למעשה רק מניפולציה של HTML. לכן, חשוב לסמן את ה-HTML באופן שאפשר יהיה לנתח סקריפטים בקלות ושטכנולוגיות עזר יוכלו להבין בקלות. כלומר, כתיבה של קוד HTML בהתאם לתקנים מודרניים.
סקירה כללית
קורס ה-HTML הזה למפתחי אתרים מספק סקירה כללית מוצקה למפתחים, החל מרמת HTML למתחילים ועד לרמת HTML למומחים. אם זו הפעם הראשונה שאתם משתמשים ב-HTML, תוכלו ללמוד איך ליצור תוכן עם מבנה תקין. אם אתם מפתחים אתרים כבר שנים, הקורס הזה עשוי למלא פערים בידע שאתם אפילו לא ידעתם שיש לכם.
במסגרת התהליך הזה, נבנה את המבנה של MachineLearningWorkshop.com. אף מכונה לא נפגעה במהלך היצירה של הסדרה הזו.
זוהי לא הרשימה המלאה. בכל קטע מוצגת מבוא לנושא הקטע עם הסברים קצרים ודוגמאות, שמאפשרים לכם להעמיק יותר. יהיו קישורים למקורות מידע בנושאים שונים, כמו המפרטים של MDN ו-WHATWG ומאמרים אחרים ב-web.dev. זהו לא קורס בנושא נגישות, אבל כל קטע יכלול שיטות מומלצות לנגישות ובעיות ספציפיות, עם קישורים למאמרים מעמיקים יותר בנושא. בכל קטע יהיה מבדק קצר שיעזור לאנשים לוודא שהם הבינו את החומר.
מה תלמדו:
סקירה כללית על HTML
מבוא קצר למושגים המרכזיים ב-HTML.
מבנה המסמך
איך יוצרים מבנה יציב למסמכי HTML?
מטא-נתונים
איך משתמשים במטא תגים כדי לספק מידע על המסמכים.
HTML סמנטי
שימוש ברכיבי ה-HTML הנכונים לתיאור תוכן המסמך.
כותרות וקטעים
איך משתמשים בצורה נכונה ברכיבי חלוקה כדי לתת משמעות לתוכן.
מאפיינים
מידע על המאפיינים הגלובליים השונים, לצד מאפיינים ספציפיים לרכיבי HTML מסוימים.
יסודות הטקסט
איך לעצב טקסט באמצעות HTML.
קישורים
כל מה שצריך לדעת על קישורים.
רשימות
רשימות ודרכים אחרות לקבץ את התוכן.
ניווט
הניווט הוא רכיב מרכזי בכל אתר או אפליקציה, והוא מתחיל ב-HTML.
טבלאות
הסבר על השימוש בטבלאות לסימון נתונים בטבלאות.
Forms
סקירה כללית על טפסים ב-HTML.
תמונות
סקירה כללית על תמונות ב-HTML.
אודיו ווידאו
איך עובדים עם מדיה ב-HTML, כמו אודיו ווידאו
תבנית, משבצת זמן וצל
הסבר על תבנית, חריץ וצל.
ממשקי API של HTML
איך אפשר לחשוף מידע ב-HTML ולבצע בו שינויים באמצעות JavaScript
מיקוד
איך מנהלים את סדר המיקוד במסמכי HTML.
רכיבי טקסט אחרים בשורה
מבוא למגוון הרכיבים המשמשים לסימון טקסט.
פרטים וסיכום
איך פועלים הרכיבים המועילים מאוד של פרטים וסיכומים, ואיפה כדאי להשתמש בהם.
Dialog
האלמנט <dialog> הוא אלמנט שימושי שמייצג כל סוג של תיבת דו-שיח ב-HTML. כאן מוסבר איך הוא פועל.
סיכום והשלבים הבאים
לסיום, ריכזנו כמה מקורות מידע נוספים.
אז, מוכנים ללמוד HTML? קדימה, מתחילים.