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