school

לימוד עצמי לימוד 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 > ו מתאר פסקה בדף.

לימוד HTML

תוכן עניינים