היכרות עריכה

HTML (ראשי תיבות: Hyper Text Markup Language. תרגום חופשי לעברית: שפת סימון טקסט מקושר) הוא פורמט שמשמש לבניית אתרים - כל האתרים שיצא לכם לגלוש בהם משתמשים גם ב-HTML. דפי HTML הם קבצים עם טקסט פשוט, אשר מסביבו הוראות הנמסרות לדפדפן ומורות לו כיצד להציג את הדף. דוגמאות: 'הדגש את הטקסט', 'הטקסט הזה הוא כותרת ראשית', 'הטקסט הזה הוא קישור לדף אחר'. הוראות אלו הן מה שהופך קובץ טקסט רגיל ל-HTML, והן נקראות תגים. מלבד התגים, דבר נוסף המאפיין דפים כאלו הוא סיומת הקובץ שלהם, שהיא: "html." או "htm.". על-אף שניתן להשתמש בתוכנות מיוחדות על מנת ליצור דפי HTML מומלץ, דווקא למתחילים, להתחיל עם עורך טקסט פשוט וללמוד להשתמש בתגים באופן ידני.

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

תגים עריכה

תגים הם הבסיס של HTML, בעזרתם יכול כותב האתר לשנות את מה שמוצג על המסך. תגים הם בעצם פקודות שהדפדפן מקבל ומנסה לבצע אותן (במידה והוא מכיר את התג) - ישנם תגים לשינוי צבע הטקסט על המסך, לשינוי המיקום, ליצירת טבלאות, לשימוש בתמונות, ואפילו תגים המכילים רשימות מילות מפתח בשביל מנועי חיפוש ועוד ועוד. בחלק המתחילים של ספר זה נכיר את החשובים שבהם. מי שיקרא גם את החלקים הבאים יכיר את כולם! XHTML 1.0 STRICT מכילה מעל 50 תגים כאלו.

ניתן לרשום את כל התגים בשורה אחת, וניתן לרשום כל תג בשורה נפרדת. החשיבות היחידה לכך היא שבכתיבה בשורות נפרדות קל יותר ונוח יותר לקרוא ולהבין את המסמך.


שלבי השימוש בתג:

  • מתחילים בתג פותח: <tagname>. בתג הפותח ניתן למצוא את שם התג, מוקף בסוגריים משולשים: <>. במקרה הזה, שם התג הוא: "tagname".
  • כותבים את תוכן התג: תוכן. התוכן של התג הוא מה שמושפע ממנו.
  • מסיימים בתג סוגר: </tagname>. תג סוגר הוא תג שמוסיפים בו לוכסן רגיל לפני שם התג. חובה להשתמש בו, ואם לא משתמשים בו התג לא יפעל.

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


ניתן לרשום בשורה אחת את התג הפותח, התוכן והתג הסוגר:

<tagname>תוכן התג</tagname>


ניתן גם להפריד בין התגים והתוכן על ידי מעברי שורה:

<tagname>
תוכן התג
</tagname>


גם התוכן עצמו יכול להיות מחולק על ידי מעברי שורה:

<tagname>
תוכן
תוכן
תוכן
</tagname>



כדי להדגיש טקסט יש לשים אותו בתוך אלמנט b. (להקיף אותו בתג פותח <b> ובתג סוגר </b>)

דוגמה:

רגיל רגיל רגיל
<b>מודגש</b>
רגיל


פלט:

רגיל רגיל רגיל מודגש רגיל


ניווט עריכה

הפרק הקודם:
HTML
היכרות
תרגילים
הפרק הבא:
עיצוב בסיסי