רקע והיסטוריה
מה זה HTML?
HTML (HyperText Markup Language) היא שפת סימון המשמשת ליצירת מבנה ותוכן של דפי אינטרנט. היא אינה שפת תכנות, אלא שפת סימון שמגדירה את המבנה והמשמעות של התוכן.
HTML = HyperText + Markup + Language- HyperText: טקסט עם קישורים לדפים אחרים
- Markup: סימונים (תגיות) שמגדירים את מבנה התוכן
- Language: שפה עם כללים ותחביר מוגדרים
היסטוריה
1989-1991: ההתחלה
- טים ברנרס-לי (Tim Berners-Lee) המציא את ה-World Wide Web ב-CERN
- יצר את הגרסה הראשונה של HTML עם 18 תגיות בלבד
1995: HTML 2.0
- הגרסה הראשונה הרשמית
- תמיכה בטפסים
1997: HTML 3.2 ו-4.0
- הוספת טבלאות
- תמיכה ב-JavaScript
- הפרדה בין מבנה (HTML) לעיצוב (CSS)
2000-2008: XHTML
- ניסיון לשלב HTML עם XML
- כללים מחמירים יותר
2014: HTML5
- הגרסה הנוכחית
- תמיכה במולטימדיה (audio, video)
- אלמנטים סמנטיים חדשים
- API-ים חדשים (Canvas, Geolocation, Storage)
HTML כחלק מה-Web Stack
┌─────────────────────────────────┐
│ JavaScript │ ← התנהגות ולוגיקה
├─────────────────────────────────┤
│ CSS │ ← עיצוב ומראה
├─────────────────────────────────┤
│ HTML │ ← מבנה ותוכן
└─────────────────────────────────┘| שפה | תפקיד | דוגמה |
|---|---|---|
| HTML | מבנה ותוכן | "יש כאן כותרת וכפתור" |
| CSS | עיצוב ומראה | "הכפתור כחול ועגול" |
| JavaScript | התנהגות | "בלחיצה על הכפתור - הצג הודעה" |
למה HTML חשוב?
- בסיס לכל דף אינטרנט - כל אתר מבוסס על HTML
- סטנדרט אוניברסלי - עובד בכל הדפדפנים
- קל ללמידה - שפה אינטואיטיבית
- נגישות - מאפשר גישה למידע לכולם
- SEO - מנועי חיפוש קוראים HTML
דוגמה ראשונה
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<title>הדף הראשון שלי</title>
</head>
<body>
<h1>שלום עולם!</h1>
<p>זהו דף ה-HTML הראשון שלי.</p>
</body>
</html>משאבים נוספים
→ המשך למדריך הבא: מבנה מסמך HTML
בדקו את עצמכם
נסו לענות לבד לפני שאתם פותחים את התשובה.
-
מה התפקיד של HTML בדף אינטרנט?
הצגת התשובה
תשובה א. HTML אחראית על המבנה והתוכן. העיצוב הוא תפקיד של CSS, וההתנהגות של JavaScript.
-
HTML היא שפת...?
הצגת התשובה
תשובה א. HyperText Markup Language: היא מסמנת תוכן בתגיות, ואין בה לוגיקה כמו לולאות ותנאים.