Menu
Coddy logo textTech
פופולרימסלול

HTML למתחילים

קורס HTML אונליין חינמי ואינטראקטיבי. אתם כותבים HTML בכל שיעור, עם תצוגה מקדימה חיה בזמן ההקלדה, ומקבלים תעודה חינמית כשאתם מסיימים.

325,794+ לומדים רשומים

241 שיעורים212 אתגרים1,193 שאלות חידון

  • ידידותי למתחילים
  • sparkles iconעזרה בתכנות בליווי AI
  • hint iconשיעורים אינטראקטיביים ומעשיים
  • volume On iconהקראה קולית בכל שיעור
  • quiz iconחידונים לבדיקת הידע
  • certificate iconתעודת סיום בחינם

סילבוס

5 יחידות6 פרויקטים241 שיעורים212 אתגרים1,193 שאלות חידון
  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
  2. להתחיל את היחידהלהתחיללהרחיבלכווץהפיחו חיים בדפי האינטרנט שלכם באמצעות צבעים, פריסות וסגנונות

    מבוא

    5 שיעורים540

    הוספת CSS

    4 שיעורים725

    בוררים בסיסיים

    7 שיעורים1247

    יסודות הטקסט

    8 שיעורים1450

    צבעים ורקעים

    5 שיעורים834

    תפריט בית קפה

    פרויקט3 שיעורים1

    מודל הקופסה — חלק 1

    6 שיעורים943

    מודל הקופסה, חלק 2

    5 שיעורים833

    Flex Box

    6 שיעורים943

    טופס התחברות

    פרויקט4 שיעורים1

    טכניקות פריסה

    7 שיעורים1151

    יסודות העיצוב הרספונסיבי

    6 שיעורים1052

    דף האינטרנט של טונגה

    פרויקט6 שיעורים1

    אתגרים אחרונים

    4 שיעורים4
  3. להתחיל את היחידהלהתחיללהרחיבלכווץקחו את מיומנויות ה-CSS שלכם לשלב הבא!

    שליטה בבוררים – שילובים

    6 שיעורים539

    מחלקות פסאודו אינטראקטיביות

    5 שיעורים431

    פסאודו־מחלקות מבניות

    5 שיעורים432

    פרויקט תפריט נפתח

    4 שיעורים4

    אפקטים חזותיים

    5 שיעורים536

    בנו באמצעות CSS Grid

    4 שיעורים426

    אתר חגיגת הטעמים

    4 שיעורים4
  4. להתחיל את היחידהלהתחיללהרחיבלכווץשלבו מבנה ועיצוב כדי ליצור דפי אינטרנט שלמים ורספונסיביים

    משתנים

    5 שיעורים432

    אסטרטגיית מובייל תחילה

    6 שיעורים643

    ערכות נושא וסגנונות חזותיים

    5 שיעורים535

    ספורט אתגרי

    3 שיעורים3

    רכיבי ממשק משתמש

    6 שיעורים642

    תבניות רספונסיביות

    6 שיעורים645

    אתגרים מסכמים

    4 שיעורים4
  5. להתחיל את היחידהלהתחיללהרחיבלכווץגלו כיצד משתמשים ב-JavaScript לצד HTML ו-CSS

    אינטראקטיביות/רכיבי ממשק משתמש

    4 שיעורים433

    טפסים ואימות

    3 שיעורים324

    התראות ומשוב

    3 שיעורים327

    טופס עם התראת Toast

    2 שיעורים2

    ניווט

    3 שיעורים329

    ערכות נושא והתאמה אישית

    2 שיעורים217

    אנימציות ואפקטים

    3 שיעורים327

    ניווט מונפש

    3 שיעורים36

קורסי HTML

קורסי HTML מעשיים, חינמיים להתחלה בדפדפן.

מה מקבלים
כל מה שתשתמשו בו כדי ללמוד לתכנת

ללמוד תוך כדי עשייה

כתבו קוד אמיתי, שלפו נתונים ממסדי נתונים, בנו אתרים ושלטו בפרומפטים ל-AI. השיעורים האינטראקטיביים שלנו מכסים כל מיומנות שמפתחים מודרניים צריכים.

playground.js
עורך קוד
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
בדיקה #1test Case Success icon
בדיקה #2test Case Success icon
בדיקה #3test Case Failure icon
קלט
"Alex"
פלט
"Hello, Coddy! Alex"

לבנות רצף

שמרו על עקביות וראו איך ההתקדמות שלכם גדלה! עקבו אחרי הרגל התכנות היומי, הגנו על הרצף עם ימי הקפאה וקבלו פרסים על כל יום שאתם מגיעים.

12 ימי רצף

חזרו מחר כדי לשמור על הרצף!

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

הכל או כלום

יום 5 מתוך 7

fire Freeze icon

הקפאת רצף

2 left

לתכנת מכל מקום

קחו את מסע התכנות שלכם לכל מקום! בלי התקנות, בלי הורדות - פשוט פותחים ומתחילים לתכנת. זמין ב-iOS, ב-Android ובאתר עם דירוג של 4.9 כוכבים.

Python
7רצף
250ניקוד
5אנרגיה
משתנים
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
להמשיך
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
מסלול
יעדים
טבלת הדירוג
פרופיל
4.9
כוכבכוכבכוכבכוכבכוכב
דירוג

אתם לא לבד

התחרו בטבלאות דירוג עולמיות, הזמינו חברים כדי לקבל פרסים וחגגו את ההצלחות אחד של השני. תכנות עם חברים זה יותר כיף!

ליגת המתמודדים
ליגת המתמודדים7 המובילים עולים
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconאזור העלייהleaderboard Arrow Up icon

כל הדרכים ללמוד

לקרוא, להאזין, לבחון את עצמכם, לשאול את ה-AI או לחפש כל דבר שכבר למדתם. כל שיעור פוגש אתכם בדיוק איפה שאתם.

מבוא למשתנים
אודיו

משתנה הוא מיכל עם שם ששומר ערך שאפשר להתייחס אליו בהמשך התוכנית.

ב-Python יוצרים משתנה על ידי כתיבת השם, סימן שווה, ואז הערך שרוצים לשמור.

הערך יכול להשתנות עם הזמן - השמה מחדש לאותו שם פשוט מפנה אותו לערך חדש.

1xשרה

לקבל תעודה

קבלו תעודה על כל קורס שתסיימו. הוסיפו אותן לפרופיל ה-LinkedIn ולקורות החיים כדי להציג למעסיקים את כישורי התכנות שלכם.

Coddyתעודת סיום
תעודה זו מאשרת כיישראל ישראליהשלים/ה בהצלחה את
python iconיסודות Python
מאומת
תאריךינו׳ 2026
LinkedInלהוסיף ל-LinkedIn

למה ללמוד HTML עם Coddy

  • כתבו HTML בדפדפן וראו את הדף המוצג צד לצד. בלי להתקין עורך, בלי הגדרות. כל שינוי שאתם עושים בקוד ה־HTML מופיע בזמן אמת, כך שלולאת המשוב קצרה.
  • HTML מודרנית וסמנטית: כותרות, רשימות, קישורים, תמונות, טבלאות, טפסים, ותגיות סמנטיות כמו <header>, <nav>, <main>, <section>, <footer>. ה־HTML שבאמת תשתמשו בה כדי לבנות אתר אמיתי.
  • רמזי AI עוזרים לכם לתקן טעויות HTML, כמו תגיות לא סגורות, תחביר שבור של מאפיינים ופספוסי נגישות, בלי לגלות את התשובה, כך שהרגלי כתיבת HTML נשארים.
  • תעודת HTML חינמית כשאתם מסיימים. צעד ראשון אמין בפיתוח ווב, שמשתלב באופן טבעי עם קורסי ה־CSS וה־JavaScript.

שאלות נפוצות על לימוד HTML

האם קשה ללמוד HTML?

HTML היא אחד הדברים הקלים ביותר ללמוד בהייטק. זו שפת סימון, לא שפת תכנות: אתם מתייגים חלקי תוכן (כותרות, פסקאות, קישורים, תמונות) ולא כותבים לוגיקה. רוב המתחילים בונים את דף האינטרנט האמיתי הראשון שלהם כבר בשעה הראשונה.

כמה זמן לוקח ללמוד HTML?

את תגיות ה־HTML והמאפיינים המרכזיים אפשר ללמוד בכמה ימים של תרגול ממוקד. להרגיש בנוח עם HTML סמנטית, טפסים ונגישות לוקח בדרך כלל שבוע עד שלושה שבועות. השלב הטבעי הבא הוא לשלב אותה עם CSS ו־JavaScript כדי לבנות דפים שלמים.

האם כדאי ללמוד HTML לפני CSS ו־JavaScript?

כן. HTML מגדירה את המבנה של הדף; CSS קובעת איך הוא נראה; JavaScript הופכת אותו לאינטראקטיבי. ללמוד HTML קודם אומר שיש לכם משהו מוחשי לעצב ולהנפיש בהמשך. קורס ה־HTML קצר בכוונה, כדי שתוכלו לעבור מהר ל־CSS ול־JS.

האם HTML היא שפת תכנות?

למען הדיוק, לא. HTML היא שפת סימון שמשמשת לתיאור המבנה של תוכן ווב. אין בה בעצמה משתנים, תנאים או לולאות. התכנות עצמו בדף אינטרנט מגיע מ־JavaScript, שנלמדת בקורס נפרד.

האם אפשר ללמוד HTML אונליין בחינם?

כן. קורס ה־HTML האינטראקטיבי חינמי: שיעורים, תרגילי קוד, תצוגה מקדימה חיה של HTML ותעודה. הכול רץ בדפדפן, כך שלא צריך להתקין עורך או כלים כדי להתחיל.

האם מקבלים תעודה אחרי קורס ה־HTML?

כן. סיום קורס ה־HTML מעניק לכם תעודת סיום חינמית. הוכחה שניתנת לאימות שאפשר להוסיף לקורות החיים או לשתף ב־LinkedIn, בדרך כלל כצעד לקראת תיק עבודות מלא יותר של HTML, CSS ו־JavaScript.

מסלולי למידה שכוללים את הקורס הזה

הקורס הזה הוא שלב אחד במסלול ארוך יותר: כמה קורסים בסדר שמנטור היה מלמד אותם, כל אחד עם תעודה חינמית משלו.

איור של שפות התכנות ב-Coddy

ללמוד HTML עם Coddy

להתחיל