מהו HTML?
HTML (ראשי תיבות של HyperText Markup Language) היא שפת סימון המשמשת לבניית דפי אינטרנט. באמצעות HTML, ניתן ליצור ולארגן תוכן בדפי אינטרנט באמצעות תגיות שונות שמסמנות אלמנטים כמו כותרות, פסקאות, קישורים, תמונות, ועוד.
דוגמה לשימוש ב-HTML:
נניח שאנחנו רוצים ליצור דף אינטרנט פשוט עם כותרת ופסקה. הקוד ייראה כך:
<!DOCTYPE html>
<html>
<head>
<title>דף דוגמה</title>
</head>
<body>
<h1>ברוכים הבאים לדף הדוגמה שלי</h1>
<p>זהו טקסט דוגמה.</p>
</body>
</html>
במקרה זה:
<!DOCTYPE html>
מגדיר את הגרסה של HTML שבה משתמשים.<html>
הוא האלמנט הראשי שמכיל את כל תוכן הדף.<head>
מכיל מידע מטא על הדף כמו כותרת וסקריפטים.<title>
מגדיר את כותרת הדף שתופיע בלשונית הדפדפן.<body>
מכיל את התוכן הנראה של הדף.<h1>
מגדיר כותרת ראשית.<p>
מגדיר פסקה.
תגיות HTML נפוצות:
<a>
: קישור.<img>
: תמונה.<div>
: קטע כללי שמיועד לסידור ועיצוב.<span>
: קטע אינליין שמיועד לעיצוב.<ul>
,<ol>
,<li>
: רשימות לא מסודרות ומסודרות ופריטים ברשימה.
ראה מדריך וידאו בעברית קורס HTML5 ו-CSS3 מקיף בחינם
מבנה HTML בסיסי:
HTML משתמשת במבנה היררכי של תגיות שמסודרות אחת בתוך השנייה. כל תגית פתיחה (<tag>
) צריכה תגית סגירה מתאימה (</tag>
), אם כי יש יוצאים מן הכלל כמו <img>
שאין להם תגית סגירה.
יתרונות השימוש ב-HTML:
- פשטות: קל ללמוד ולהשתמש בה.
- סטנדרטיזציה: נפוצה ומוכרת בכל הדפדפנים.
- גמישות: מאפשרת שילוב עם טכנולוגיות אחרות כמו CSS ו-JavaScript ליצירת אתרים דינמיים ואינטראקטיביים.