מזה HTML? עריכה

היא שפה סטנדרטית לאינטרנט. HTML בעזרתה מעצבים את הדפים הניצפים באינטרנט


איך מתחילים? עריכה

בישביל לכתוב hmtl הינך זקוק להורך כל שהוא כדי להתחיל יש לפותוח את פנקס הרשימות (התחל-->(עזרים-->(פנקס הרשימות) וכתוב את הקוד הבאה: <html> <title> my first page </title> <head> <meta charset=visual> </head> <body> html שם אתרך </body> </html>

והמשך בהסברים


HTML המאפיינים הבסיסיים בכתיבת עריכה

<HTML> כל מסמך חייב להתחיל בתגית </HTML> ולהסתיים בתגית HEAD, BODY בין התגיות הללו המסמך מתחלק לשני חלקים: לכותרת ולגוף <HEAD></HEAD> כותרת <BODY> </BODY> שאר הטקסט שיכלל בגוף המסמך יהיה בין התגיות

HTML להלן דוגמא למבנה סטנדרטי למסמך

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 </BODY> 
 </HTML>
 

 
שימו לב שכל מה שיוצג בתוך הסימן 

לא יוצג לגולש. למעשה סימן זה מיועד לך לשם כתיבת הערות וכדומה


== מאפיני טקסט == עיצוב:

ויקי ספר - <A><------------פו כותבים---------><A/> ויקי ספר - <-----------פו כותבים--------->

 ויקי ספר - <------------פו כותבים---------->

גודל:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 

ויקי ספר 7

ויקי ספר 6

ויקי ספר 5

ויקי ספר 4

ויקי ספר 3

ויקי ספר 2

ויקי ספר 1


</BODY>

</HTML>



== מאפיני תמונה ==

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <img src="כתובת התמונה">
 </BODY> 
 </HTML>



קישור לתמונה:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 

<a href="כתובת הכישור" ALT="כאן כותבים את שם הקישור">

 <img src="כתובת התמונה"> </a>
   </BODY> 
 </HTML>


קישור דואל לתמונה:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <a href="mailto:שם המקבל</a>
 <a href="mailto:כתובת הדואר אלקטרוני">
 <img src="כתובת התמונה" 
 width=134 height=40 border=0></a>
   </BODY> 
 </HTML>
 

תמונת רקע:

<HTML>
 <HEAD>
 <TITLE>כתוברת המסך</TITLE> 
 </HEAD>
 <BODY background="כתובת התמונה" > 
 </BODY> 
 </HTML>
 

צבע הרקע:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY bgcolor="כתובת הצבע"> 
 </BODY> 
 </HTML>

כאן כדי להיכנס לבחירת כתובת צבע


טבלאות עריכה

שם הטבלה:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY bgcolor="ffff00"> 
כותרת הטבלה
כותרת 1כותרת 2
תא 1תא 2
 </BODY> 
 </HTML>



טבלאות רוחב:

קביעת רוחב טבלה מוגדרת על ידי מסמל את רוחב הטבלה X
קביעת עובי מסגרת הטבלה מסמל את עובי הטבלה X
קביעת המרחק בין התאים מסמל את המרחק בין התאים X
קביעת עובי קו הרשת המפרידים בין התאים מסמל את עובי קווי הרשת X
יישור

Left Right Center את מיקום הטקסט בתא X

יישור

Top Middle Bottom את מיקום הטקסט בתא X

קביעת צבע הטבלה מסמל את הצבע X
קביעת צבע התא

מסמל את הצבע X

טקסט שאינו גולש


 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY bgcolor="ffff00"> 
כותרת 1 left כותרת 2 right/Font>
כותרת 3 כותרת 4
כותרת 5 כותרת 6
 </BODY> 
 </HTML>




מאפיני טפסים

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


 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <FORM METHOD="כתובת דואר אלקטרוני" ACTION="DES.ASP">
 <INPUT TYPE="*חובה*" SIZE="20" NAME="TEST">
 <INPUT TYPE="שלח" VALUE="GO">
 <INPUT TYPE="איפוס" VALUE="CLEAR">
 </FORM>
 </BODY> 
 </HTML>
 

סדות טקסט סיסמה:

שדות הטקסט הכלולים בטפסים מאפשרים לגולש להקליד טקסט להלן דוגמא

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <FORM>
 <INPUT TYPE="TEXT" SIZE=20 MAXLENGTH=10 >
 <INPUT TYPE="SUBMIT" CLEAR="שלח">
 <INPUT TYPE="RESET" VALUE="איפוס">
 </FORM>
 </BODY> 
 </HTML>



כתיבת תוכן:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <FORM>
 <TEXTAREA ROWS=10 COLS=60 NAME="TEST"></TEXTAREA>
 <INPUT TYPE="SUBMIT" VALUE="שלח">
 <INPUT TYPE="RESET" VALUE="איפוס">
 </FORM>
 </BODY> 
 </HTML>

תיבת סימון:

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <FORM>
 <INPUT TYPE="CHECKBOX" NAME="B1" Value="Y" CHECKED> ויקי ספר
 <INPUT TYPE="CHECKBOX" NAME="B2" Value="Y" > ויקיפדיה
 <INPUT TYPE="CHECKBOX" NAME="B3" Value="Y" > בניית אתרי אינטרנט
 <INPUT TYPE="CHECKBOX" NAME="B4" Value="Y" > טיפו
 <INPUT TYPE="RESET" VALUE="איפוס">
 </FORM>
 </BODY> 
 </HTML>
 

רשימת בחירה

 <HTML>
 <HEAD>
 <TITLE>כותרת המסמך </TITLE> 
 </HEAD>
 <BODY> 
 <FORM>
 <SELECT NAME="SBOX">
 <OPTION Value="Zooloo">ויקי ספר </OPTION>
 <OPTION Value="Yahoo">ויקי פדיה </OPTION>
 <OPTION Value="Excite">בניית אתרי אינטרנט </OPTION>
 </SELECT>  
 <INPUT TYPE="RESET" VALUE="איפוס">
 </FORM>
 </BODY> 
 </HTML>

הוספת מנוע חיפוש לאתרך עריכה

<HTML> <HEAD> <TITLE>כותרת המסמך </TITLE> </HEAD> <BODY> <form action="http://www.google.co.il/webhp?hl=iw&btnG=%D7%97%D7%99%D7%A4%D7%95%D7%A9+%D7%91-Google&lr=lang_iw" method="get"> <input type=submit value="חפש!"> <input type=text size=20 name="f1"> </form> </BODY> </HTML>




הוספת צ'ט לאתר


<HTML> <HEAD> <TITLE>www.Zooloo.co.il\chat</TITLE> </HEAD> <BODY TopMargin=0 bgcolor="ffffff" marginheight=0>

<a href="http://nvlinux.netvision.net.il/chat/zooloo"> Zooloo לש ט'צל הריהמ הסינכ</a>

</BODY> </HTML>

השם של חשבונך ישונה עריכה

03:51, 18 במרץ 2015 (IST)

חשבון לאחר שינוי שם עריכה

10:59, 19 באפריל 2015 (IDT)