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