המדריך השלם לשפת  HTML

 

 

תפריט ראשי

לעמוד הבא

לעמוד קודם
 

הקדמה

 

HTML זוהי השפה הטבעית ליצירת דפי אינטרנט ברשת . זו שפה פשוטה , אוניברסלית , המאפשרת לעורכי אתרים ליצור דפים מורכבים  שמכילים טקסט ותמונות , שיכולים להראות בידי כל המשתמשים ברשת האינטרנט ללא תלות בסוג המחשב או בסוג הדפדפן .

למרות מה שנהוג לחשוב , אין צורך בתוכנה מיוחדת ע"מ ליצור עמוד HTML .כל מה שצריך הוא מעבד תמלילים פשוט (לדוגמא Notepad ) וידע בסיסי ב: HTML .

למזלנו שפת HTML פשוטה וקלה ללימוד .

HTML זוהי סדרה של תגים שמשולבים בקטע טקסט ( שאנו רוצים להציג בעמוד האינטרנט)  .התגים הללו מסמנים לדפדפן כיצד להתנהג כאשר הוא נתקל בתג ובקטע טקסט אחריו . התגים הללו מיוצגים באמצעות מילים אנגליות ( לדוגמא blockquote  ) , או קיצורים

(לדוגמא p מייצג paragraph ) , התגים הללו נבדלים מהטקסט בכך שהם באים בתוך סוגריים זוויתיים . כך שהתג שמייצג paragraph ייצוג באמצעות <p> , והתג שמייצג blockquote ייצג באמצעות <blockquote> .חלק מהתגים מיצגים את האופן שבו יוצג העמוד , לדוגמא <p> מסמן לדפדפן להתחיל פסקה חדשה . חלק אחר מהתגים מיצג את אופן הצגת האותיות , לדוגמא <b> מיצג אות מודגשת . ישנם תגים שמיצגים מידע אודות הטקסט , לדוגמא <title> אשר אינו מופיע בהמשך הטקסט .

הדבר הראשון שאותו עלינו לזכור בקשר לתגים זה שהם תמיד באים בזוגות .בכל פעם שאנו

 משתמשים בתג , לדוגמא <blockquote> , אנו צריכים לסגור אותו באמצעות תג מסיים , במקרה שלנו זה יהיה </blockquote> . סימן הקו נטוי הוא שמבדיל בין תג פותח לתג מסיים .

העמוד הבסיסי שניצור באמצעות HTML מתחיל בתג <html> ומסתיים בתג </html> . בין שני התגים הללו יהיה הטקסט . הטקסט יחולק לשני חלקים - הכותרת וגוף הטקסט .

הכותרת אשר תהיה בין התגים <head> ו: </head> מכילה מידע על העמוד עצמו אשר לא מופיע בשאר הטקסט , לדוגמא הכותרת . גוף הטקסט יהיה בין התגים <body>

 ו: </body> . כל מה שאנו רוצים שיהיה כתוב בעמוד , נכתוב אותו בגוף הטקסט .

טוב, ניגש לעבודה ונתחיל ליצור עמוד פשוט ב:HTML . הצעד הראשון הוא כמובן ליצור קובץ טקסט חדש . קובץ הטקסט צריך להישמר כ: text only או plain text .

אנו נשמור את הקובץ בסיומת של yourname.html .

הקוד הבסיסי שניצור אמור להראות כך:

 

<html>
<head>
<title>Summer</title>
</head>

<body>
<h1>Summer Vacation</h1>

<p>My summer vacation was sunny, silly, and far too short.

<p>How many days till Christmas?

</body>
</html>

 

כפי שאנו רואים בדוגמא בין תגי <head> נמצאת הכותרת "Summer" . בדפדפן הכותרת תופיע בראש העמוד .

בתוך תגי <body> נמצא הטקסט שיופיע בעמוד שאותו אנו מעצבים .

במקרה שלנו לאחר שנפתח את הקובץ באמצעות הדפדפן הוא יראה כך :

 

Summer

Summer Vacation

My summer vacation was sunny, silly, and far too short.

How many days till Christmas?

 

כפי שניתן לנחש  <h1> הוא תג שמסמל כותרת  , ואילו <p> מסמל את תחילתה של פיסקה חדשה . התג <p> הוא בין התגים היחידים שלא צריכים סיומת </p> וזאת מאחר שפסקה מסתימת ע"י סימון להתחלה של פיסקה חדשה (<p> נוסף ) .

כפי שאנו רואים שפת HTML היא פשוטה וקלה להבנה . אנשים רבים עצבו את האתרים שלהם ע"י צפייה ושימוש בקוד של אתר אחר .

מפתח מתחיל אינו חייב להתחיל מהבסיס לעצוב עמוד , אלא הוא יכול לשמור עמוד באינטרנט כקובץ HTML ולבצע בו שינויים בהתאם לצרכים .