HTML למתחילים
קורס HTML אונליין חינמי ואינטראקטיבי. אתם כותבים HTML בכל שיעור, עם תצוגה מקדימה חיה בזמן ההקלדה, ומקבלים תעודה חינמית כשאתם מסיימים.
325,794+ לומדים רשומים
241 שיעורים212 אתגרים1,193 שאלות חידון
- ידידותי למתחילים
עזרה בתכנות בליווי AI
שיעורים אינטראקטיביים ומעשיים
הקראה קולית בכל שיעור
חידונים לבדיקת הידע
תעודת סיום בחינם
סילבוס
יחידה 1
יסודות
להתחיל את היחידהלהתחיללהרחיבלכווץלמדו את המבנה והתחביר הבסיסיים ליצירת דפי אינטרנט מאפסיסודות HTML
5 שיעורים530טקסט ועיצוב
6 שיעורים1135עבודה עם רשימות
4 שיעורים721כרטיס מתכון
פרויקט4 שיעורים1הוספת תוכן
5 שיעורים837פריסת עמוד
5 שיעורים930עמוד פרופיל אישי
פרויקט5 שיעורים1טפסים וקלטים חלק 1
6 שיעורים936טפסים וקלטים חלק 2
7 שיעורים1239טבלאות
4 שיעורים723עמוד הרשמה לאירוע
פרויקט5 שיעורים1אתגרים מסכמים
4 שיעורים4יחידה 2
עיצוב באמצעות CSSדף ייעודי
להתחיל את היחידהלהתחיללהרחיבלכווץהפיחו חיים בדפי האינטרנט שלכם באמצעות צבעים, פריסות וסגנונותמבוא
5 שיעורים540הוספת CSS
4 שיעורים725בוררים בסיסיים
7 שיעורים1247יסודות הטקסט
8 שיעורים1450צבעים ורקעים
5 שיעורים834תפריט בית קפה
פרויקט3 שיעורים1מודל הקופסה — חלק 1
6 שיעורים943מודל הקופסה, חלק 2
5 שיעורים833Flex Box
6 שיעורים943טופס התחברות
פרויקט4 שיעורים1טכניקות פריסה
7 שיעורים1151יסודות העיצוב הרספונסיבי
6 שיעורים1052דף האינטרנט של טונגה
פרויקט6 שיעורים1אתגרים אחרונים
4 שיעורים4יחידה 3
שליטה ב-CSSדף ייעודי
להתחיל את היחידהלהתחיללהרחיבלכווץקחו את מיומנויות ה-CSS שלכם לשלב הבא!שליטה בבוררים – שילובים
6 שיעורים539מחלקות פסאודו אינטראקטיביות
5 שיעורים431פסאודו־מחלקות מבניות
5 שיעורים432פרויקט תפריט נפתח
4 שיעורים4אפקטים חזותיים
5 שיעורים536דף נחיתה
5 שיעורים5בנו באמצעות CSS Grid
4 שיעורים426אתר חגיגת הטעמים
4 שיעורים4אתגרים מסכמים
5 שיעורים5יחידה 4
פיתוח Frontend מעשי
להתחיל את היחידהלהתחיללהרחיבלכווץשלבו מבנה ועיצוב כדי ליצור דפי אינטרנט שלמים ורספונסיבייםמשתנים
5 שיעורים432אסטרטגיית מובייל תחילה
6 שיעורים643ערכות נושא וסגנונות חזותיים
5 שיעורים535ספורט אתגרי
3 שיעורים3רכיבי ממשק משתמש
6 שיעורים642תבניות רספונסיביות
6 שיעורים645אתגרים מסכמים
4 שיעורים4יחידה 5
JavaScript בפעולה
להתחיל את היחידהלהתחיללהרחיבלכווץגלו כיצד משתמשים ב-JavaScript לצד HTML ו-CSSאינטראקטיביות/רכיבי ממשק משתמש
4 שיעורים433טפסים ואימות
3 שיעורים324התראות ומשוב
3 שיעורים327טופס עם התראת Toast
2 שיעורים2ניווט
3 שיעורים329ערכות נושא והתאמה אישית
2 שיעורים217אנימציות ואפקטים
3 שיעורים327ניווט מונפש
3 שיעורים36אתגרים מסכמים
4 שיעורים4
קורסי HTML
קורסי HTML מעשיים, חינמיים להתחלה בדפדפן.
נגן סרטוני YouTube — פרויקט HTML
פופולריבפרויקט הזה תיצרו נגן סרטוני YouTube באמצעות HTML ותכירו מגוון מאפיינים לאורך הדרך.
- 7
- 1
שכפול עמוד אינסטגרם | פרויקט פרונט-אנד
פופולריבקורס הזה תתרגלו שימוש בשיטות פשוטות ומקובלות ב-HTML וב-CSS, ותיצרו פרויקט של שכפול עמוד אינסטגרם.
- 16
- 5
אתגרי HTML/CSS - חבילה I
הקורס הזה יאתגר את הידע שלכם ב-HTML וב-CSS בדרך מהנה ויעילה!
- 11
אנימציית ליקוי חמה | פרויקט HTML/CSS
בקורס הזה תיצרו אנימציית "ליקוי חמה" מרהיבה ותראו כיצד אפשר ליצור ממשקי משתמש מושכים ופונקציונליים באמצעות אנימציה.
- 10
- 2
סרגל ניווט תחתון – פרויקט HTML/CSS
בקורס הזה תיצרו סרגל ניווט תחתון פשוט באמצעות HTML ותעצבו אותו באמצעות CSS. תלמדו איך להוסיף אנימציה פשוטה באמצעות הבורר :hover ב-CSS.
- 12
- 2
HTML – אתר למתחילים
בקורס הזה תתרגלו את הידע הבסיסי שלכם ב-HTML ותיצרו אתר בסיסי משלכם, עם תמונה וטקסט. מוכנים?
- 5
- 1
ללמוד תוך כדי עשייה
כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-AI. השיעורים האינטראקטיביים שלנו מכסים כל מיומנות שמפתחים מודרניים צריכים.
לבנות רצף
שמרו על עקביות וראו איך ההתקדמות שלכם גדלה! עקבו אחרי הרגל התכנות היומי, הגנו על הרצף עם ימי הקפאה וקבלו פרסים על כל יום שאתם מגיעים.
12 ימי רצף
חזרו מחר כדי לשמור על הרצף!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
הכל או כלום
יום 5 מתוך 7
הקפאת רצף
2 left
לתכנת מכל מקום
קחו את מסע התכנות שלכם לכל מקום! בלי התקנות, בלי הורדות - פשוט פותחים ומתחילים לתכנת. זמין ב-iOS, ב-Android ובאתר עם דירוג של 4.9 כוכבים.
אתם לא לבד
התחרו בטבלאות דירוג עולמיות, הזמינו חברים כדי לקבל פרסים וחגגו את ההצלחות אחד של השני. תכנות עם חברים זה יותר כיף!
כל הדרכים ללמוד
לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.
משתנה הוא מיכל עם שם ששומר ערך שאפשר להתייחס אליו בהמשך התוכנית.
ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.
הערך יכול להשתנות עם הזמן - השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.
לקבל תעודה
קבלו תעודה על כל קורס שתסיימו. הוסיפו אותן לפרופיל ה-LinkedIn ולקורות החיים כדי להציג למעסיקים את כישורי התכנות שלכם.
למה ללמוד HTML עם Coddy
- כתבו HTML בדפדפן וראו את הדף המוצג צד לצד. בלי להתקין עורך, בלי הגדרות. כל שינוי שאתם עושים בקוד ה־HTML מופיע בזמן אמת, כך שלולאת המשוב קצרה.
- HTML מודרנית וסמנטית: כותרות, רשימות, קישורים, תמונות, טבלאות, טפסים, ותגיות סמנטיות כמו
<header>,<nav>,<main>,<section>,<footer>. ה־HTML שבאמת תשתמשו בה כדי לבנות אתר אמיתי. - רמזי AI עוזרים לכם לתקן טעויות HTML, כמו תגיות לא סגורות, תחביר שבור של מאפיינים ופספוסי נגישות, בלי לגלות את התשובה, כך שהרגלי כתיבת HTML נשארים.
- תעודת HTML חינמית כשאתם מסיימים. צעד ראשון אמין בפיתוח ווב, שמשתלב באופן טבעי עם קורסי ה־CSS וה־JavaScript.