תיכנות ושפות צד שרת | HTML - הקדמה

הקדמה

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> ו </html> מתאר את דף האינטרנט.
הטקסט בין התגיות <head> ו </head> מתאר את כל המאפיינים אשר יחולו על הדף ולא יוצגו למשתמש.
הטקסט בין התגיות <body> ו </body> מתאר את תוכן בתוך דף האינטרנט.
הטקסט בין התגיות <h1> ו </h1> מתאר כותרת (ראשית) בדף.
הטקסט בין התגיות <p> ו </p> מתאר פסקה בדף.