קורס HTML למתחילים
ההיכרות עם שפת התגיות HTML חשובה לכל מי שעוסק בתחומי הפיתוח או העיצוב באינטרנט. אם אתם רוצים לדעת להקים אתרי אינטרנט, לתחזקים אתר על בסיס פלטפורמה מוכנה או לעצב אתרים, חובה עליכם להכיר HTML, לפחות ברמה הבסיסית.
בקורס האינטרנטי הזה, נלמד להכיר את רזי שפת התגיות HTML בצורה קלה ונעימה. החומר יהיה מחולק לפרקים לא ארוכים וההסברים יהיו מלווים בדוגמאות ובטיפים.
היכרות עם HTML היא הבסיס לפיתוח באינטרנט, אבל היא כשלעצמה אינה מספיקה. אם אתם מתכננים לעסוק בפיתוח, חובה עליכם להכיר גם את שפת העיצוב CSS ואת שפת צד הלקוח JavaScript. אם אתם רוצים להעמיק ולפתח בצד השרת, חובה עליכם בנוסף גם להכיר שפת צד שרת אחת לפחות, כגון PHP או Python.
מהי שפת התגיות HTML?
HTML הוא ראשי תיבות של הביטוי HyperText Markup Language שפירושו בעברית "שפת תגיות היפר-טקסט". HTML היא למעשה שפה שמבחינת התחביר שלה היא מבוססת תגיות (נסביר מהן תגיות בהמשך) ומבחינת המשמעות שלה היא מתארת מבנה של אלמנטים שיוצרים יחד היפר-טקסט (טקסט עשיר).
נבהיר כי HTML אינה שפת תיכנות. קוד בשפת תכנות מבצע משהו פונקציונלי, והוא מבוסס על מנגנונים כגון מערכים, לולאות, התניות, משתנים ועוד. HTML היא שפה תיאורית, המציגה מבנה של עמוד מעוצב שיכול לכלול אלמנטים כגון תמונות, קישורים, טקסט, טפסים, טבלאות ועוד. ב-HTML אין את המנגנונים שיש בשפות התיכנות, כגון מערכים, לולאות, התניות ומשתנים.
כאשר רוצים ליצור עמוד אינטרנטי מעוצב, יש צורך להשתמש גם ב-HTML שיתאר את העימוד (מבנה העמוד והאובייקטים שבו), גם ב-CSS שיתאר את העיצוב (צבעים, רקעים, גדלים, גופנים) וגם ב-JavaScript שיבצע את הפונקציונליות (כגון חישובים, בדיקות קלט ועוד).
התחלת לימודי HTML
כדי להתחיל ללמוד HTML, מומלץ להוריד עורך קוד נוח ושימושי. אנו ממליצים על notepad++. אם אתם עובדים עם עורך הקוד הזה, ודאו שקידוד הכתב (ה-encoding) יהיה UTF-8, על מנת לאפשר תמיכה טובה יותר בריבוי שפות.
נתחיל בהכנה של מסמך HTML ראשון.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>Hello World.</p>
</body>
</html>נשמור את המסמך עם סיומת htm או html ונפעיל אותו. ההפעלה היא באמצעות הקלקה כפולה על המסמך בתיקיה בה הוא ממוקם במחשב. הפעלת המסמך תפתח אותו בדפדפן האינטרנט שלכם שהוגדר כדפדפן ברירת המחדל במחשב (נניח כרום או Edge).
אם הצלחתם ליצור את המסמך וכשפתחתם אותו בדפדפן ראיתם על המסך Hello World, זה אומר שעשיתם הכל כמו שצריך.
אז כל הכבוד! זה הזמן לעבור לפרק הבא ולהתחיל להכנס לעומק שפת התגיות HTML.
