קורס ה-HTML הזה למפתחי אתרים מספק סקירה כללית מקיפה למפתחים, מרמת מתחילים ועד לרמת מומחים ב-HTML.
HyperText Markup Language, או HTML, הוא הבסיס של האינטרנט. הוא מספק את התוכן, וגם את המבנה של התוכן הזה, שמוצג בדפדפן האינטרנט.
אלא אם אתם קוראים קובץ PDF או גרסה מודפסת של הדף הזה, התוכן הזה מורכב מרכיבי HTML שונים וטקסט. HTML היא שכבת התוכן של האינטרנט. רכיבי HTML הם הצמתים שמרכיבים את Document Object Model.
גיליונות סגנון מדורגים מספקים את המראה והתחושה, או את שכבת ההצגה של הדף. JavaScript היא שכבת ההתנהגות, שלרוב משמשת לשינוי האובייקטים במסמך. אתרים שנבנו באמצעות framework של 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
הרכיב <dialog> הוא רכיב שימושי לייצוג של כל סוג של תיבת דו-שיח ב-HTML.
סיכום והשלבים הבאים
לסיום, ריכזנו כמה משאבים נוספים.
אז מוכנים ללמוד HTML? שנתחיל?