HTML

החיתפ תולימ המכ

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

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


...יק וא
...םהילא עגונב רמוח אוצמל רשפא הפיאו - םהמ -םיגשומל עגונה לכב תישאר
.גשומו הלימ לכל םירושיק ללוכה רצק ןולימ הנה
A Action   ActiveX   Align   Alt   Anchor   Animation   Applet   Attribute   Audio   Authoring  
B Background   Base   Bgcolor   Block elements   Body   Border   Browser  
C Cascading Style Sheets   CDF   CGI   CGI input   CGI Libraries   CGI output   Chat   Checkbox   Client Headers   Client-side imagemaps   Cookies   Color   CSS  
D Database   Design   DHTML   Doctype   DOM   Domain Name   DTD   Dynamic HTML  
E Element   End-tag   Engine   Entity   Environment Variable  
F Face   FAQ   Font   Form   Form data set   Fragment identifier   Frame   FTP  
G GET   GIF   GIF Animation   Graphic  
H Head   Hidden   HTML   HTML_editors   HTTP   HTTP Headers   HTTP Request   Hyperlink   Hypermedia   Hypertext  
I Icon   Image   Imagemap   Img   Indexing   Input   Internet   Isindex  
J Java   JavaScript   JPEG  
K Keyword  
L Language   Layout   Link   Location   Location  
M Mailto   Markup   MCF   Media Type   MIDI   MIME   Meta   Metasearcher   Method   Multimedia  
N Net  
O Object   OSD  
P Password   Perl   Plugin   PNG   POST   Programming   Promotion   Protocol  
Q Query  
R Radio button   RDF   Refresh   Robot  
S Script   Scripting   Search   Select   Security   Server   Server-side imagemaps   SGML   Software   Sound   SQL   Start-tag   State   Streaming   Style   Submit  
T Table   Tag   Text elements   Textarea   Title   Tool  
U URL   Usability  
V Validation   Video   VR   VRML  
W W3C   WDVL   Web   Webmaster   World Wide Web  
X XHTML   XML   XSL  
Y  
Z  

ףדה תליחתל הרזח

...רוקמ ותואב ןידע םלוכ ...ןוכנ
.ךשמהב וארת םתוא ..תורוקמ דוע שי ךא
תפש הניא הפשה ,ןיבהל בושח תישאר
.טנרטניא ינפדפדל בוציע תפש איה .תונכת
,םיעובק םידוק לש הרדסמ תבכרומ וז הפש
</>=ףוס ןמיסו <> = הלחתה ןמיס םבורל

-ב"א יפל תמייקה םיגתה תמישר לכ םדוק הנה זא

html ב הלחתה ףד לכ הארי ךכ



<html>
<head>
<title>......</title>
.
.
</head>
<body>
.
.
.
.
</body>
</html>



body -ה יגת ןיב תמשרנ ףדה תלוכת

...הלחתהב םישקתמל
..html-ףד תינבב הרזעל ףשא םכינפל
:האנהב ושמתשהו ..אבה ןולחה תא וחתיפ

טסקט בוציע

:םה טסקט בוציעב םירושקה םיגתה

Tag Example
Effected Eext
<B>Bold</B>
Bold
<I> Itallic s</I>
Itallics
<u>Underline</u>
Underline
<blink>Blink</blink>
Blink
<S>StrikeThrough</S>
StrikeThrough
<sup>Superscript</sup>
Here'sSuperscript
<sub>Subscript</sub>
Here'sSubscript
<tt>Typewriter</tt>
TypeWriter
<small>Small</small>
Small

 









 

 

H-ה תרדגהב איה רתויב הטושפה הטילשה םיטנופה לדוגלש ןבומכ

:.לאמשל וא ןימיל טסקטה דומיע


<div align=left>
right
or cente

:הדוקפה יע השעת תויתואה תעיבצ

< font color="#ffcc44">< /font>

:טושפ וא

<font color=#ff8040> </font>

םיעבצל םידוקה תאיצמל ישומיש ףד הנה

:אבה ןולחה תא וחתפ


ףדה תליחתל הרזח


.לוק יצבק תסנכה

,םינוש םינפדפד יגוסב הנוש םידבוע לוק יצבק
,ןפדפד גוס לכל גת שי .ההז םהינשב ןויערה ךא
,פייקסטנל םיאתמ וניא ררולפסקאל ךיישה גתה
.ררולפסקאל םג םיאתמ פייקסטנל םיאתמה גתה ךא
.לוקה תעמשהב הטילש רשפאמ וליפאו
'וכו ,MP3,Midi,AU,לוק ץבוק לש גוס לכב שמתשהל ןתינ
.תשרב ותניעט ןמז ךשמו ץבוקה לדוג אוהו דחא רבד רוכזל שי
.MIDI וא AU יצבקב שמתשהל לבוקמ
.בר םתניעט ןמזו םילודג םיצבק םה WAV, AU ו MP3 יצבק
?ךכ לכ בר ןמז ףדה תניעטל םיכחמ םתייה םתא םאה ...ובשיח
.רומאה ץבוקה תא םישל הקדצה שי םאה עבקי הז לוקיש
:וליא םה םיגתה ..ןפוא לכב


EXPLORER:
 <bgsound src="your.mid" loop="1">

.עקר תקיזומ םע ףד תחיתפל וצחל המגודל

NETSCAPE:
 <embed src="your.wav">

ףדה תליחתל הרזח


.ףדל הנומת תסנכה
.הקיפרגה ףדב הבחרהב רבסוי ןשומישו ןהיגוס לע תונומתה אשונ
:אוה יסיסבה גתה ךא
<img src=" your picture.jpg">

ףדה תליחתל הרזח

.תומישר

,דרוי רוטב םיטירפ רודיס איה המישר
.םהיניב לידבהל תודוקנ וא םירפסמ שי רשאכ
. ol גתב היהת המישר תחיתפ
li -ו ,ul יגתב טוריפל ךישמתו

:לשמל
<ol>list name
<li>text or image
<li>text or image
<ol>
<li>text or image
<li>text or image
<ol>
<li>text or image
<li>text or image
<ul>
<li>text or image
<ul>
<li>text or image
</ol>
</ol>
</ol>
</ul>
</ul>


:איה לבקתתש האצותהו

    list name
  1. text or image
  2. text or image
    1. text or image
    2. text or image
      1. text or image
      2. text or image
      3. text or image
      4. text or image


...ךכ הז ...הצרנ םא וא
..הדוקפה תא תוארל -רוקמ הארה-ב שמתשהל יאדכ
.התמדוק ומכ ןורקע ותוא לע איהש ןויכמ התוא תבתוכ ינניא

  1. This is the first entry of the first level TYPE=I
    1. This would be the first of the second level TYPE=A
    2. This would be the second of the second level TYPE=A
      1. This would be the first of the third level TYPE=a
      2. This would be the second of the third level TYPE=a
        1. Now we are four levels deep TYPE=i
        2. Another one just for artistic purposes TYPE=i
  2. This is the second entry of the first level TYPE=I
    1. Now we start a new set under here. TYPE=A

  • This is the first entry of the first level 1
    • This would be the first of the second level 2
    • This would be the second of the second level 2
      • This would be the first of the third level 3
      • This would be the second of the third level 3
        • Now we are four levels deep 4
        • Another one just for artistic purposes 4
          • Now we are four levels deep 5
          • Another one just for artistic purposes 5
  • This is the second entry of the first level 1
    • Now we start a new set under here. 2

ףדה תליחתל הרזח

(:...זעלב םיקניל -םירושיק



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

:רושיקה גת הארי ךיאל אמגוד הנה
<a herf="SomePage.html">The clicked item</a>
 
:החיתפה ףדל הרזח םכתא ליבויש יתימא רושיק תמגוד הנהו

click me to go back
 
:הנומתמ ...וא


<a href="images/Swandot.gif" target="_blank">
<img src="images/Swandot.gif" width="24" height="25" border="0">
</a>
.שדח דומעל החיתפ :איה שגדומה קלחה תועמשמ

רחא םוקמל ונתוא םיאיבמה וליא םה רתוי םיבכרומ םירושיק
,עיגנ הילא הרטמה םוקמל םש תתל שי ןאכ .ומצע ףדה ותואב
:הנומת האר -.הרטמה םשל ארקנ ומצע רושיקבו


 
:ךכ הארי ונילא עיגיש ינורטקלא ראודל רושיק
  <a href="mailto:you@yourmail.net"> EMAIL ME </a>

  ףדה תליחתל הרזח


הלבט

:םיגתה ןיב עיפוי הלבטה ןכותו עדימה לכ
<table > ------------</table >
והבוגו ,ובחור ,את לכ לדוג תא ןווכל ןתינ
.םדירוהל וא תולובג םישל ,םיאת דימצהל
(:..... ! תיבה ילעב ונחנא ....רוציקב
,םימוכחית המכ ,םיגתה סיסב רוציקב הנה
..םיצלמוממה םירתאב םיקיודמ םיטרפ ןבומבו


,הלבטה הארמ רוציקב הנה
:התוא םיבתוכ ךיאו

ROW 1. ROW 2. ROW 3. ROW 4.

<table bgcolor=yellow border=1
bordercolor=blue width=600>
<tr align=center>
<td> ROW 1.
</td>
<td bgColor=blue >ROW 2.
</td>
<td> ROW 3.
</td>
<td bgColor=blue >ROW 4.
</td>
</tr align=center>
</table>


COL 1 COL 2 COL 3 COL 4
COL 1 + COL 2 3 4
COL 1 + COL 2 + COL 3 4
COL 1 + COL 2 + COL 3 + COL 4
1 ROWS 1 + 2 ROWS 1 + 2 + 3 ROWS 1 + 2 + 3 + 4
1
1 2
1 2 3

<TABLE border=5 bgcolor="#ffffcc" bordercolor=blue
cellPadding=2 cellSpacing=1 width=600>
<TBODY>
<TR align=middle>
<TD>COL 1
</TD>
<TD>COL 2

</TD>
<TD>COL 3
</TD>
<TD>COL 4
</TD>
</TR>
<TR align=middle>
<TD colSpan=2>COL 1 + COL 2
 </TD>
<TD>3
</TD>
<TD>4</TD>
</TR>
<TR align=middle>
<TD colSpan=3>COL 1 + COL 2 + COL 3
 </TD>
<TD>4
</TD
></TR>
<TR align=middle>
<TD colSpan=4>COL 1 + COL 2 + COL 3 + COL 4
 </TD>
</TR>
<TR align=middle>
<TD bgColor=BLUE colSpan=4>
<HR SIZE=3 width=300>
</TD>
</TR>
<TR align=middle bgcolor="#99ccff">
<TD>1

<TD rowSpan=2>ROWS 1 + 2
</TD>
<TD rowSpan=3>ROWS 1 + 2 + 3
</TD>
<TD rowSpan=4>ROWS 1 + 2 + 3 + 4
 </TD>
</TR>
<TR align=middle bgcolor="#99ccff">
<TD>1 </TD>
</TR>
<TR align=middle bgcolor="#99ccff">
<TD>1
</TD>
<TD>2
</TD>
</TR>
<TR align=middle bgcolor="#99ccff">
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
</TBODY>
</TABLE>


...הלחתהב םישקתמל
..הלבטה תינבב הרזעל ףשא םכינפל
:האנהב ושמתשהו ..אבה ןולחה תא וחתיפ


ףדה תליחתל הרזח

Frame....תורגסמ

..רתויב דומח תורגסמה ןויער
,הצרנש הקולח לכל ףדה תא קלחל וניתורשפאב שי
,רחא אוהשמ םישל ןולח לכב
???אל דומח ...ןולחל ןולחמ תודוקפ חולשלו
Head-ה יגת ןיב םישל שי תרגסמל הדוקפה תא:בושחו ןושאר ללכ
frameset -ב ליחתת תרגסמ תדוקפ לכ ..סיסבהמ ליחתנ ואוב
לשמל.60%,40% -םיזוחאב הקולחה תדימ אובת הירחא
cols \rows-בחורב וא ךרואב הקולחה םא ןויצ ךות
..עמשוממ לייח ומכ ומוקמב בציתיש ןולח לכל ארקנ ךכ רחא
.קלחתמה ןולחה ינפל frameset-הדוקפה תא שורדת ןולח ךותב תימינפ הקולח
.תואמגוד הארנ ואוב ....אל ללכו ללכ ???ךבוסמ הארנ
.הרורבהו האלפנה השחמהה תלוכיב ןייטצמה לגיס לש רתאה תא ןייצל ינוצרב בוש

:ךכ האריש ןולחל

:הדוקפה
<frameset cols=50%,50%>
<frame src="page1.html>
<frame src="page2.html>
</framest>


:ךכ האריש ןולחלו

rows לcal-ה תא ךופהנ
:הדוקפה
<frameset rows=50%,50%>
<frame src="page1.html>
<frame src="page2.html>
</framest>


:ךכ הארתש תימינפ הקולחל

:האבה הדוקפה היהת
תימינפה הקולחל הדוקפה האב ןכיה בל ומיש
-םכרובע ןותחת וקב התוא שיגדא
.ףדב תאז תושעל ןיאש ורכז ךא

<frameset cols=50%,50%>
<frame src="page1.html>
<frameset roes=70%,*>
 <frame src="page2.html>
<frame src="page3.html>
</framest>
</framest>


(:..םתנבה םאו
?אבה ןולחל הדוקפה היהת המ הארנ ואוב


!!!!!..ןוכנ
:ךכ
<frameset rows=50%,50%>
<frame src="page1.html>
<frameset cols=70%,*>
<frame src="page2.html>
<frame src="page3.html>
</framest>
</framest>


.ףד ותואב רושיק ומכ ןורקע ותוא לע השענ תורגסמה ןיב םירושיק
name="x"-םש תלבקמ תרגסמ לכ
Target-תדוקפ תרזעב םשב הל םיארוק הינשה תרגסמהמו

:אבה ןפואב קלוחמ הז ףד לשמל
<frameset cols="15%,*">
<frame src="page1.html" name="left"frame
noresize="no" scrolling="no">
<frameset rows="89%,*" noresize=no>
<frame src="page2.html" frame name="up">
<frame src="page3.html" frame name="down">
</frameset>
</frameset>


name="up"- םשה תופסותל בל ומיש
noresize="no"-לדוג יוניש לע רוסיא
scrolling="no"-הלילגב הטילש וא

ףדה תליחתל הרזח


.םיספט

.םירותפכו תודש ליכמ ספוט
,רתויב יסיסבה תא ןאכ םכל הארא
.דוע שפחל םירחא םירתאל םכתא חלשא בושו
,הזה ףדה ףוסב תרדוסמ םירתא תמישר ...גואדל אל
?ןוכנ..החילשל דעוימ ספוט תישאר ...הככ זא
,החילשה תדוקפ תא ול תתל שי זא
:ספוטה תדוקפ הליחתמ ךכ
< form method="post" action="mailto:you@yourmail.net" enctype=text/plain>
טסקט
< input type="text" name="comment" size=20>

. ףוסב הדוקפה תא רוגסל חוכשל אל ןבומכו

</ form>
:ךכ הארת הביתה

Enter your comments:




...בותכה תא תחלוש ENTER תציחל לכש איה היעבה

:אבה ןונגסב שמתשהל יאדכ המכו ,חלשי המב טולשל ידכ


.קחמו החילש רותפכ םישל שי הפוסבו textarea תדוקפ וז

:ךכ הארת הדוקפה

<textarea name="your comment" rows=10 cols=30>
</textarea>

:ךכ וארי הקיחמהו החילשה ירותפכ

......


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

name:

Address:

City:

Country:

Phone no:

your comments:


......


..הריחבל םירותפכב שמתשהל רשפא ףסונב
:אמגודל

RED....
source== <input type="radio" name="colors" value= "red"RED>:
YELLOW
GREEN

===================================================
RED
YELLOW
BLUE

source= <input type="checkbox" name="colors" value="blue">
===================================================
CHOOS COLOR YOU LIKE:

Comment: font color doesn't work here.
source:
<select name="favorite_color" size=1>:
<option selected>:None
<option>:<font color="red">:red</font>:
<option>:<font color="yellow">:yellow</font>:
<option>:<font color="blue">:blue</font>:
</select>

:טירפת הז םא תבותכל הרבעהלו

<input type="BUTTON" value="Go!" name="Link_Button"
onClick="window.open(URLarray[document.linkform.linkselect.selectedIndex], 'target_or_window')">

.ספוט גת ךותב הז לכ ןבומכו
:ךכ הארי חולשמ רותפכ םע הריחב טירפת


:הביתכהו
<select name="liste1" size=1>
<option value="" selected>-------MENU-------- </option>
<option value="http://www.zakai.com">Site building </option>
<option value="http://www.w3schools.com/">אתר לימודי ענק</option>
<option value="http://www.xoox.co.il/mp3">M p 3 </option>
<option value="http://www.google.co.il/">גוגל בעברית</option>
</select>
<input type="button" value="GO" onClick="if (form.liste1.selectedIndex != 0) location = form.liste1.options[form.liste1.selectedIndex].value; else alert('Please choose from menu.')" name="button">

ףדה תליחתל הרזח

:תילגנאב וא תירבעב HTML לע םירבדמה םירתא תמישר

...עגר לכ הווש לבא ..םנמא תילגנאב ..אלפומ ןוקיסקל

ןייל-ןוא תוסנל תורשפא םע אילפהל רדוסמ ךירדמ

HTML ריהמ ךירדמה

(-:...תוקד 10-ב םיחיטבמ ----- ל ידיפסה ךירדמה

HTML- לש תיבה רתא

.HTML-ל "םיליכ זגרא"

)-:..תירבעב אלש קר ..תואמגודהו םירבסהה לכו םיגתה לכ

.ותוריהבו ותוכיאב םיהדמה "סידוג" ילב רשפא ךיאו


: Graphic--ה ףדל
: .ישארה ףדל הרזח