|
מדריך
הכיס ל -HTML
מאת: מיכל רביד
מאמרים
>>
בניית
אתרים >>
מדריך הכיס
ל-HTML
מדריך הכיס
ל – HTML
רשימת התגים הבסיסיים בשפת ה –
HTML, במיון לפי סדר אלפביתי
<A href=sName></A>
קישור לאתר חיצוני. הקישור יפתח
בעמוד הנוכחי.
<A href=sName
target=_blank></A>
קישור לאתר חיצוני, הקישור ייפתח
בדף חדש.
<A
href="mailto:sMailAddress"></A>
קישור לכתובת אי מייל.
<A name=sName></A>
יצירת "עוגן" בגוף הטקסט.
<A name=#sName></A>
יצירת קישור פנימי לעוגן בגוף
הטקסט.
------------------------------------------------------------------------------------------------------------------------------------
<B></B>
הדגשת טקסט
<BIG></BIG>
הקדלת טקסט
<BODY></BODY>
מגדיר את החלק הנראה לעין של דף ה
– HTML. בתג זה ניתן להקנות
סיגנונות עיצוביים לדף כולו.
<BODY bgcolor=sColor></BODY>
קביעת צבע הרקע של הדף
<BODY
background=sImage></BODY>
קביעת תמונת רקע של הדף
<BR> -
שבירת השורה הנוכחית ומעבר לשורה
חדשה.
------------------------------------------------------------------------------------------------------------------------------------
<CENTER></CENTER>
מירכוז התוכן אשר נמצא בין תגים
אלו
------------------------------------------------------------------------------------------------------------------------------------
<DIV></DIV>
השימוש בתג זה נעשה בעיקר לצורך
הקניית סגנונות עיצוב לאלמנטים
(טקסט, תמונות, טבלאות וכו') אשר
נמצאים בתוך ה- DIV.
לדוגמא: <DIV ALIGN=RIGHT>Text
Text Text</DIV> יעמד את המשפט
שבתוך ה – DIV לכיוון הימני.
------------------------------------------------------------------------------------------------------------------------------------
<FONT Size=#Number></FONT>
קביעת גודל גופן
<FONT face=sName></FONT>
קביעת סוג גופן כגון: arial,
verdana, times
<FONT color= sColorHexNumber
></FONT>
קביעת צבע הגופן.
טיפ: לאתרים בעברית מומלץ
להשתמש בגופן arial, כמו כן יש
להוסיף בראש הדף את שורת הקוד
הבאה, המגדירה את התאמת הדפדפן
לעברית וויזואלית:
<meta http-equiv="Content-Type"
content="text/html;
charset=Windows-1255">
<FORM></FORM>
יצירת טופס.
טיפ – שילוב טופס יוצר
אוטומטית מירווח מסביב הטופס
העלול לפגום במקרים מסויימים
בעיצוב הכללי של הדף. להעלמת
מירווח זה ניתן להוסיף לתג ה-
style="margin:0px;" FORM
<FRAMESET rows=sValue, sValue
cols=sValue, sValue></FRAMESET>
מחליף את תגי ה - <body> בדף אשר
מציג frames
rows - מגדיר אתמספר השורות ב –
frameset ואת גובה כל שורה
(בפיקסלים או האחוזים)
cols – מגדיר את העמודות ב –
Frameset ואת רוחב כל עמודה
(בפיקסלים או האחוזים)
<FRAMES src=sValue>
מגדיר איזה דף HTML יוצג בתוך כל
אחד מה – frames
טיפ – רצוי להימנע כמידת
האפשר משימוש ב – farames, מאחר
והם פוגעים במיקומו של האתר בגוגל.
------------------------------------------------------------------------------------------------------------------------------------
<HR color= sColorHexNumber
width=widthNumber
size=heightNumber >
יצירת קו אופקי או אנכי
<HEAD></HEAD>
איזור המגדיר הגדרות כלליות
הנוגעות לדף ה – HTML, ואשר אינן
מוצגות בדף עצמו, כגון, title,
תגי <meta>, הגדרות קידוד ועוד.
------------------------------------------------------------------------------------------------------------------------------------
<IMG src=sName border=#n>
הוספת תמונה.
<INPUT type=checkbox
name=sNAME>
יצירת לחצן בחירה. מתאים לבחירת
מספר פריטים מתוך רשימה.
<INPUT type=radio name=sNAME
value=sValue>
יצירת לחצן לבחירת פריט אחד בלבד
מתוך רשימת פריטים.
<INPUT type=text name=sName
size=#number>
שדה למילוי שורת טקסט אחת.
<INPUT type=submit
value=sValue>
יצירת כפתור לשליחת הטופס
<INPUT type=image border=0
name=sNAME src=sImageName>
יצירת כפתור לשליחת הטופס בשילוב
תמונה.
<INPUT type=reset>
אתחול כל השדות בטופס
------------------------------------------------------------------------------------------------------------------------------------
<LI></LI>
הגדרת פריט ברשימה.
------------------------------------------------------------------------------------------------------------------------------------
<NOBR></NOBR>
תג המונע שבירת שורות
------------------------------------------------------------------------------------------------------------------------------------
<P></P>
פיסקה
------------------------------------------------------------------------------------------------------------------------------------
<UL></UL>
הגדרת רשימת פריטים.
------------------------------------------------------------------------------------------------------------------------------------
<TABLE cellpadding=#n
cellspacing=#n></TABLE>
יצירת טבלה.
ערך ה - Cellpadding מגדיר את
המירווח (בפיקסלים) בין שולי כל
תא בטבלה לתוכן התא.
ערך ה – cellspacing מגדיר את
המירווח (בפיקסלים) בין התאים
השונים בטבלה.
טיפ – כדי לשמור על מיבנה
האתר, תמיד עמדו את תוכן הדפים
שלכם בתוך טבלה.
<TEXTAREA></TEXTAREA>
שדה למילוי בלוק טקסט.
<TD></TD>
יצירת עמודה בטבלה.
<TR></TR>
יצירת שורה בטבלה.
------------------------------------------------------------------------------------------------------------------------------------
<U></U>
הוספת קו תחתי לטקסט
אודות הכותב:
מיכל רביד הינה webmaster וותיקה,
בעלת חברת
PiXeliT - בניית אתרים דינאמיים
מקור
המאמר:
www.Articles.co.il - מאמרים
לשימוש חופשי
 |
