עקרונות בסיסים ב-HTML למתחילים מאת אסף לוי מוקדש ל-יאיר
HTML הוא למעשה (HyperText Markup Language) והיא שפת בנית האתרים הנפוצה ביותר כיום בעיקר בקרב מתחילים.
כתיבת קוד מתבצעת בעזרת כל עורך טקסט , אני מעדיף להשתמש ב"פנקס רשימות" או Notepad.
עקרונות בסיסים :
כל תג מתיל ונגמר ע"י :
כלומר אם אני רוצה להתחיל תג מסויים אני מתחיל אותו ב :
ומסיים אותו ב
כל מסמך HTML מתחיל בתג
וכאשר מסיימים :
כלומר אם אני אפתח חלון פנקס כתובות ואכתוב בו :
|
קוד:
|
|
<Html>
אסי אגסי
</Html>
|
ואשמור אותו בשם index.html ואפתח אותו
אקבל חלון ובו אראה את הכתובה :
אסי אגסי
**בדפדפנים ישנים אני אראה יסגא יסא אבל כיום זה כבר לא נפוץ
מכאן יש רק ללמוד תגים ואתם אשפי HTML (כמעט) :
רווח בין שורות
מרווח של שורה וחצי
קו תחתון (מתחתלטקסט)
טקסט נוטה
כתב מודגש
גודל פונט
|
קוד:
|
|
<font size=NUMBER>TEXT</font>
|
צבע הפונט
|
קוד:
|
|
<font color=COLOR>TEXT</font>
|
COLOR= תוכלו לרשום צבע כמו red, green, blue או לשים אתמספר הצבע
סוג הפונט
FONT= תוכלו לשים כל שם של פונט, כמו Ariel , Aharoni ועוד
תוכלו גם לצרף את שלושת סוגיהפונט, לדוגמא:
|
קוד:
|
|
<font size=4 color=blue>
|
יישור טקסט לאמצע
|
קוד:
|
|
<center>TEXT</center>
|
טקסט לצדמסויים
|
קוד:
|
|
<div align=left/right>TEXT</align>
|
תמונה
|
קוד:
|
|
<img src="LINK TO PICTURE">
|
לינק ישיר
|
קוד:
|
|
<a href="LINK">TEXT</a>
|
במידה ואני משתמש ב P אבל אני לא רוצה לרדת שורה
|
קוד:
|
|
<p style="margin-top: 0; margin-bottom: 0">
|
זה הכל ....
זה קשה ?
|