חולמים על קריירה בהייטק?
בדקו את הקורסים שלנו:
מה זה HTML?
מה זה HTML?
HTML, קיצור של HyperText Markup Language, היא שפת סימון שנוצרה במיוחד ליצירת דפי אינטרנט ותצוגת תוכן ברשת. היא מהווה את הבסיס של כל אתר אינטרנט, ומאפשרת למפתחים להגדיר את מבנה התוכן בצורה מסודרת ומובנת לדפדפנים. בלעדיה, האינטרנט כפי שאנו מכירים אותו היום פשוט לא היה קיים.
איך HTML עובד?
HTML פועלת על ידי שימוש בתגיות (Tags), אשר מסמנות חלקים שונים של התוכן. כל תגית מוקפת בסוגריים משולשים <> ומתארת סוג מסוים של מידע או פונקציה. לדוגמה:
1
2
<h1>כותרת ראשית</h1>
<p>זהו פסקה של טקסט.</p>בקטע הקוד הנ"ל, התגית <h1> מסמנת כותרת ראשית, והתגית <p> משמשת לפסקה.
מרכיבים עיקריים ב-HTML
HTML מורכבת ממספר אלמנטים עיקריים אשר ביחד יוצרים את המבנה הבסיסי של כל עמוד אינטרנט:
1. מבנה בסיסי
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>הדף שלי</title>
</head>
<body>
<h1>ברוכים הבאים!</h1>
<p>זהו עמוד אינטרנט לדוגמה.</p>
</body>
</html>מבנה זה מגדיר עמוד אינטרנט בסיסי: <!DOCTYPE html> מציין שמדובר ב-HTML, והתגיות <html>, <head> ו-<body> מחלקות את התוכן לפי תפקידים.
2. תגיות טקסט
שימוש בתגיות טקסט מאפשר להוסיף ולהציג טקסט במגוון עיצובים:
1
2
3
<h1>כותרת ראשית</h1>
<h2>כותרת משנית</h2>
<p>פסקה עם טקסט רגיל.</p>תגיות אלו עוזרות לארגן את הטקסט בדף בצורה היררכית ונוחה לקריאה.
3. הוספת קישורים
קישורים הם חלק בלתי נפרד מהאינטרנט. ב-HTML, משתמשים בתגית <a> להוספת קישורים:
1
<a href="https://codebox.co.il/course-page/6558f0b292b5ff3939d13f3c">קורס HTML באתר קודבוקס</a>תגית זו מגדירה קישור לאתר חיצוני או לדף פנימי בתוך האתר.
4. הוספת תמונות
תמונות מתווספות לדפי HTML באמצעות תגית <img>:
1
<img src="https://example.com/image.jpg" alt="תיאור התמונה">הפרמטר src מציין את מיקום התמונה, ו-alt מספק תיאור חלופי.
דוגמה למבנה דף שלם
להלן דוגמה למבנה של דף HTML פשוט:
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<title>דוגמת HTML</title>
</head>
<body>
<h1>ברוכים הבאים!</h1>
<p>זהו דף אינטרנט לדוגמה.</p>
<a href="https://codebox.co.il/course-page/6558f0b292b5ff3939d13f3c">קורס HTML באתר קודבוקס</a>
</body>
</html>דוגמה זו מציגה מבנה בסיסי הכולל כותרת, פסקה וקישור.
לסיכום
HTML היא היסוד של האינטרנט. באמצעותה ניתן להגדיר מבנה תוכן ברור ומסודר, לשלב תמונות, קישורים וטקסטים בצורה פשוטה ונוחה. כשתלמדו HTML, תבינו את הבסיס שעליו בנויים כל האתרים והאפליקציות שכולנו משתמשים בהם ביום-יום.
למידע נוסף על HTML, אתם מוזמנים לבדוק את קורס HTML באתר קודבוקס או לקרוא בהמדריך הרשמי של HTML ב-MDN.
קישורים נוספים למידע:
הצטרפו לאתר קודבוקס והתחילו ללמוד תכנות לבד.
אין צורך בידע מקדים, לומדים לתכנת מאפס.
פלטפורמת תכנות המוטמעת בדפדפן שתבדוק את הקוד שלכם בזמן אמת.
קודי, מורה הבינה המלאכותית של אתר קודבוקס שיעזור לכם בפתרון שאלות הקוד באתר.
צוברים מטבעות קודבוקס במהלך הלמידה,
