🌐 מבוא ל-HTML
ברוכים הבאים!
קורס מקיף ללימוד HTML מאפס. הקורס מיועד למתחילים ומכסה את כל היסודות החשובים עם דגש על תחביר וצורת כתיבה נכונה.
למה HTML?
- 📄 שפת הבסיס לכל דף אינטרנט
- 🏗️ מגדירה את המבנה והתוכן של דפי וואב
- 🔗 עובדת יחד עם CSS ו-JavaScript
- 🌍 סטנדרט אוניברסלי בכל הדפדפנים
📚 מבנה הקורס
חלק א' - יסודות
חלק ב' - אלמנטים
חלק ג' - מתקדם
📁 דוגמאות קוד
🚀 איך להתחיל?
צעד 1: יצירת קובץ HTML ראשון
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<title>הדף הראשון שלי</title>
</head>
<body>
<h1>שלום עולם!</h1>
<p>זהו הדף הראשון שלי ב-HTML.</p>
</body>
</html>
צעד 2: שמירה ופתיחה
- שמור את הקובץ עם סיומת
.html (לדוגמה: index.html)
- פתח את הקובץ בדפדפן (גרור אותו לחלון הדפדפן)
- צפה בתוצאה!
📖 סדר לימוד מומלץ
- יום 1: רקע + מבנה + תחביר (פרקים 1-3)
- יום 2: טקסט + קישורים + תמונות (פרקים 4-5)
- יום 3: רשימות + טבלאות (פרקים 6-7)
- יום 4: טפסים (פרק 8)
- יום 5: סמנטיקה + תכונות + Best Practices (פרקים 9-11)
📋 נושאים שנכללים
- ✅ מבנה מסמך HTML בסיסי
- ✅ תגיות פותחות וסוגרות
- ✅ כותרות ופסקאות
- ✅ עיצוב טקסט (bold, italic, underline)
- ✅ קישורים פנימיים וחיצוניים
- ✅ הוספת תמונות
- ✅ רשימות מסודרות ולא מסודרות
- ✅ יצירת טבלאות
- ✅ טפסים ואלמנטי קלט
- ✅ HTML סמנטי (header, nav, main, footer)
- ✅ תכונות נפוצות (id, class, style)
- ✅ נגישות (accessibility) בסיסית
🛠️ כלים מומלצים
עורכי קוד
- Visual Studio Code - חינמי ופופולרי
- Sublime Text
- Notepad++
תוספים מומלצים ל-VS Code
- Live Server - לרענון אוטומטי
- HTML CSS Support
- Auto Rename Tag
בהצלחה בלימוד HTML! 🎉