בשביל לכתוב HTML אין צורך ביותר מעורך טקסט פשוט. פנקס הרשימות של חלונות (notepad) יהיה מצוין.
הדבר הראשון שתצטרך לעשות הוא לומר לדפדפן שלך שאתה "תדבר" איתו בשפת HTML. את זה אתה עושה עם התג <html> (לא ממש מפתיע).
לכן לפני שאתה עושה דבר כלשהו, כתוב "<html>" בשורה הראשונה של המסמך שלך ב-Notepad.
כפי שאתה לבטח זוכר, <html> הוא תג פותח וחייב להסגר בתג סוגר בסיום כתיבת מסמך ה-HTML. לכן, כדי לוודא שלא תשכח את התג הסוגר למסמך, הקלד "<html/>" מספר שורות מתחת וכתוב את יתר המסמך בין התגים <html> ו- <html/>.
הדבר הבא שנחוץ למסמך שלך הוא "head" (ראש) שמספק מידע על המסמך שלך ו-"body" (גוף) שמכיל את תוכן המסמך.
המידע הכלול באזור ה- head אינו מוצג לגולש, ומשמש להגדרת פרמטרים שונים לדפדפן, אודות מסמך זה. תוכן המסמך, אותו נרצה להציג לגולשים, מצוי בתוך אזור ה- body.
מאחר ו-HTML היא שפה הגיונית הראש - (<head> ו- <head/>) נמצא מעל אזור הגוף (<body> ו- <body/>).
עוד נוסיף כותרת למסמך החדש שלכם ובמקרה זה רשמנו "my first html page" בין התגיות <title> ו- <title/> . הכותרת למסמך נכתבת תמיד באזור ה- head של המסמך ולאחר שתקרא על ידי הדפדפן, תוצג באזור הכותרת העליון של חלון הדפדפן (ובמקרה שהדפדפן תומך בכרטיסיות, גם על גבי הכרטיסיה המציגה מסמך זה). כפי שתלמדו בשיעורי "אופטימיזציה של אתר", לכותרת תפקיד חשוב בהצגת האתר בפני מנועי החיפוש.
מבנה מסמך HTML בסיסי נראה כך:
<html>
<head>
<title>כותרת</title>
</head>
<body> (או:) <frameset>
תוכן הדף
</body> (או:) </frameset>
</html>
שים לב שכתבנו את התגים בשורה חדשה (באמצעות מקש ה-Enter) ושבנוסף כתבנו אותם פנימה (הזחת קוד) ביחס לשאר הקוד (עם המקש Tab). בעיקרון, זה בכלל לא משנה איך אתה כותב את הקוד למסמך ה-HTML שלך. אבל כדי לעזור לך ולכותב אחר לקרוא את הקוד בקלות, מומלץ מאוד שתכתוב את קוד ה-HTML שלך במבנה מסודר עם מעברי שורה והזחה. כמו בדוגמה שלמעלה.
1. תגית ה-html> > התגית הראשית, שבתוכה נכתב מסמך ה- HTML.
2. תגית ה- <head> התגית שמסמלת את ראש המסמך. תגית זו מיועדת לכותרת דף ה-HTML, למידע כללי על הדף, וגם לחלק מהעיצובים והסקריפטים.
3. תגית ה- <body> היא התגית שמסמלת את גוף המסמך. בתגית זו מכניסים את תוכן המסמך.
במקום תגית ה-<body>, ניתן לעשות שימוש בתגית <frameset>, המשמשת להכנסת דפי אתרים אחרים לתוך דף מסוים ומיקומם בדף.
► הקודם הבא ◄
רשומות
אין תגובות:
הוסף רשומת תגובה
שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.