28/1/2009

HTML ובניית אתרים – שיעור מספר 2

 

בשיעור שעבר הכרנו את ההסטוריה של רשת האינטרנט, למדנו את בסיס הכתיבה ב-html ובנינו דף בסיסי (למדנו את התגיות : <html>, <head>, <title>, <h1>, <h2> … <h3>.

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

את כל חומר הלימוד והדפים שתכתבו היום אני אכניס לאינטרנט, תוכלו לצפות בדפים בכתובת : www.dannychn.com/rs.

 

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

 

הפקודות הבאות מתייחסות לעיצוב הטקסט, הנה מספר קודים, ובסוגריים הטקסט לאחר העיצוב :

<ins> - קו תחתון מתחת לטקסט (טקסט)

<i> - כתב נטוי (טקסט)

<b> - מודגש (טקסט)

<del> - קו חוצה את הטקסט (טקסט)

 

כדי לטפל בגופנים (font) ובמאפיינים שלהם נשתמש בקוד <font>, בשורת קוד זה נכניס מספר מאפיינים, כמו : שם הגופן, צבע הגופן, גודל הגופן, למשל :

<font  face="david" color="blue" size="3">sample text</font>

הקוד face מציין את שם הגופן

הקוד color מציין את הצבע

הקוד size מציין את גודל הגופן

כדי לקבוע רקע בצבע לדף נשתמש בקוד body style, בדוגמא הבאה נבחר ברקע צהוב לדף :

<body style="background-color:yellow"> </body>

 

כדי ליצור תבליטים נשתמש בפקודה הבאה :

<ul>
<li>Jerusalem</li>
<li>Tel Aviv</li>
</ul>
לאחר הרצת פקודה זו תיצור את הרשימה הבאה :
·                            Jerusalem
·                            Tel Aviv
 
כדי ליצור רשימה ממוספרת נשתמש בקוד הבא :
<ol>
<li>Israel</li>
<li>France</li>
</ol>
לאחר הרצת פקודה זו תיצור את הרשימה הבאה :
1.                         Israel
2.                       France