לימוד עצמי לימוד HTML
הקדמה
היסטוריה HTML:
- HTML הוקמה על ידי טים ברנר-ליי (Tim Berners-Lee) בשנת 1991.
- טים החליט להקים את HTML על מנת לפרסם את מאמריו ברשת.
- טים גם המציא את הHTTP (טכנולוגייה המשמשת להעברת מידע באינטרנט), על מנת שהוא יוכל להעביר את דפי הHTML ברשת.
מה זה HTML?
- המילה HTML הינה ראשי תיבות של: Hyper Text Markup Language.
- HTML היא לא שפת תכנות (כמו שהרבה מתכנתים טועים בכך), היא שפת סימון אשר הקומה במטרה לתאר דף אינטרנט והיא השפה הראשונה שצריך ללמוד על מנת להקים אתר אינטרנט.
- שפת סימונים היא שפה שבנויה מאוסף של תגיות.
תגיות HTML
- תגי HTML הן מילות מפתח אשר מוקפים בסוגריים זוויתיים (לדוגמא - < body >).
- רוב תגיות HTML מחולקות ל2, תג התחלה ותג סיום. (לדוגמא - < strong > < /strong > ), ישנם תגיות בודדות אשר אשר אין להם תג סיום. (לדוגמא - < img / >).
תחילת עבודה עם HTML:
- HTML פועלת בכל סוגי מערכות הפעלה (Windows, Unix, Mac וכו'..) ומוצגת בכל סוגי הרזולוציות למינהם.
- HTML הם קבצי טקסט - נקראים גם מסמכי HTML ו/או דפי אינטרנט, שברוב המקרים הסיומת של הקבצים הם: *.htm ו *.html.
- מסמכי HTML מכילים תגיות HTML וטקסט רגיל.
- מסמך HTML מופעל בעזרת דפדפן (כגון explorer, chrome, firefox וכו') אשר תפקידו לקרוא ולהבין את תגיות הHTML וכך להציג למסך את הפלט בהתאם.
עיצוב בHTML:
- למרות שבמסמך HTML אפשר לכתוב רק טקסט, ניתן גם לעצב את הדף, לבחור פונטים, צבעים ומיקומים של אובייקטים.
דוגמה לעמוד HTML:
<html> <head> <title>כותרת הדף</title> </head> <body> <h1>הכותרת בטקסט</h1> <p>הפסקה בטקסט</p> </body> </html>
הכותרת בטקסט
הפסקה בטקסט
תצוגה:
הסבר לדוגמא:
הטקסט בין התגיות < html > ו מתאר את דף האינטרנט.
הטקסט בין התגיות < head > ו מתאר את כל המאפיינים אשר יחולו על הדף ולא יוצגו למשתמש.
הטקסט בין התגיות < body > ו מתאר את תוכן בתוך דף האינטרנט.
הטקסט בין התגיות < h1 > ו מתאר כותרת (ראשית) בדף.
הטקסט בין התגיות < p > ו מתאר פסקה בדף.