מדריך הכיס ל

מדריך הכיס ל ? 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 - מאמרים לשימוש חופשי

כלים שימושיים למאמר: