מדריך הכיס ל - HTML 

מדריך הכיס ל - HTML

רשימת התגים הבסיסיים בשפת ה - HTML, במיון לפי סדר אלפביתי



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

קישור לאתר חיצוני, הקישור ייפתח בדף חדש.

קישור לכתובת אי מייל.

יצירת "עוגן" בגוף הטקסט.

יצירת קישור פנימי לעוגן בגוף הטקסט.

------------------------------------------------------------------------------------------------------------------------------------


הדגשת טקסט

הקדלת טקסט

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

קביעת צבע הרקע של הדף

קביעת תמונת רקע של הדף

-
שבירת השורה הנוכחית ומעבר לשורה חדשה.

------------------------------------------------------------------------------------------------------------------------------------


מירכוז התוכן אשר נמצא בין תגים אלו


------------------------------------------------------------------------------------------------------------------------------------

השימוש בתג זה נעשה בעיקר לצורך הקניית סגנונות עיצוב לאלמנטים (טקסט, תמונות, טבלאות וכו') אשר נמצאים בתוך ה- DIV.
לדוגמא: יעמד את המשפט שבתוך ה - DIV לכיוון הימני.

------------------------------------------------------------------------------------------------------------------------------------


קביעת גודל גופן

קביעת סוג גופן כגון: arial, verdana, times

קביעת צבע הגופן.
טיפ: לאתרים בעברית מומלץ להשתמש בגופן arial, כמו כן יש להוסיף בראש הדף את שורת הקוד הבאה, המגדירה את התאמת הדפדפן לעברית וויזואלית:

יצירת טופס.
טיפ - שילוב טופס יוצר אוטומטית מירווח מסביב הטופס העלול לפגום במקרים מסויימים בעיצוב הכללי של הדף. להעלמת מירווח זה ניתן להוסיף לתג ה- style="margin:0px;" FORM

מחליף את תגי ה - בדף אשר מציג frames
rows - מגדיר אתמספר השורות ב - frameset ואת גובה כל שורה (בפיקסלים או האחוזים)
cols - מגדיר את העמודות ב - Frameset ואת רוחב כל עמודה (בפיקסלים או האחוזים)

מגדיר איזה דף HTML יוצג בתוך כל אחד מה - frames
טיפ - רצוי להימנע כמידת האפשר משימוש ב - farames, מאחר והם פוגעים במיקומו של האתר בגוגל.

------------------------------------------------------------------------------------------------------------------------------------

---

יצירת קו אופקי או אנכי

איזור המגדיר הגדרות כלליות הנוגעות לדף ה - HTML, ואשר אינן מוצגות בדף עצמו, כגון, title, תגי , הגדרות קידוד ועוד.

------------------------------------------------------------------------------------------------------------------------------------


הוספת תמונה.

יצירת לחצן בחירה. מתאים לבחירת מספר פריטים מתוך רשימה.

יצירת לחצן לבחירת פריט אחד בלבד מתוך רשימת פריטים.

שדה למילוי שורת טקסט אחת.

יצירת כפתור לשליחת הטופס

יצירת כפתור לשליחת הטופס בשילוב תמונה.

אתחול כל השדות בטופס

------------------------------------------------------------------------------------------------------------------------------------

הגדרת פריט ברשימה.

------------------------------------------------------------------------------------------------------------------------------------




תג המונע שבירת שורות


------------------------------------------------------------------------------------------------------------------------------------

פיסקה


------------------------------------------------------------------------------------------------------------------------------------

הגדרת רשימת פריטים.



------------------------------------------------------------------------------------------------------------------------------------



יצירת טבלה.
ערך ה - Cellpadding מגדיר את המירווח (בפיקסלים) בין שולי כל תא בטבלה לתוכן התא.
ערך ה - cellspacing מגדיר את המירווח (בפיקסלים) בין התאים השונים בטבלה.
טיפ - כדי לשמור על מיבנה האתר, תמיד עמדו את תוכן הדפים שלכם בתוך טבלה.

שדה למילוי בלוק טקסט.

יצירת עמודה בטבלה.

יצירת שורה בטבלה.

------------------------------------------------------------------------------------------------------------------------------------



הוספת קו תחתי לטקסט