ʐ
ی Ԑ . ی



 
Portal

 | 
 

  HTML

         
:    1, 2
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:26 am

ǘ ی ی html
ǘ (checkbox)

ی ǘ ی ʐ <input> ی. ی ی ی checkbox type ی. ی ی ی ی ǘ :
<input name="someNeme" type="checkbox" value=" ">

ی ی ی ǘ ی ی:

ی ی ی یی ی ǘ ی ی ی. ی ی ی ʐ <input> .

* type :
ی ی ǘ ی ی ی ی ی checkbox ی.
* name :
ی ی ی ی ی ی .
* value :
ی ǘ ی ی Ϙ ی action . ی ǘ Ϙ ی ی ی .
* "checked="checked :
ی ی ǘ Ϙ ی ی ی ی ی ی Ϙ ی .
* "disabled="disabled :
ی ی ی ǘ ی . ی ی Ϙ ی . ی ییی disabled ی .

ی ǘ ی (disabled) ی ی ی ǘ ی ی:

: ی

ǘ :
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:26 am

Ϙ ی ی ی html
Ϙ ی ی (Radio Button)

ی Ϙ ی ی ی ʐ <input> ی. ی ی ی radio type ی. ی ی ی ی Ϙ ی :
<input name="someNeme" type="radio" value=" ">

ی ی ی Ϙ ی ی ی:

Ϙ ی ییی ی یی ی ی. ی ی Ϙ ی Ϙ یی ی ی ی ی ی value . ی ی ی ی Ϙ ی یی:
<input name="Neme" type="radio" value=" Ϙ ">Radio Button 1 <br>
<input name="Neme" type="radio" value=" Ϙ ">Radio Button 2 <br>
<input name="Neme" type="radio" value=" Ϙ ">Radio Button 3 <br>

ی ی ی ی Ϙ ی ی:
Radio Button 1
Radio Button 2
Radio Button 3

ی ی ی یی ی Ϙ ی ی ی ی ی. ی ی ی ʐ <input> .

* type :
ی ی ی Ϙ ی ی ی ی ی radio ی.
* name :
ی ی ی ی ی ی .
* value :
ی Ϙ ی ی ی Ϙ ی action . ی ǘ Ϙ ی ی ی .
* "checked="checked :
ی ی ǘ Ϙ ی ی ی ی ی ی Ϙ ی .
ی ی Ϙ ی ی ی ی ی Ϙ ی ی .
* "disabled="disabled :
ی ی ی Ϙ ی ی . ی ی Ϙ . ی ییی disabled ی .

ی Ϙ ی ی (disabled) ی ی ی Ϙ یی ی ی:

: ی

Ϙ ی :
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:27 am

Ϙ ʐ input html
Ϙ (Submit)

ی Ϙ ی ʐ <input> ی. ی ی ی submit type ی. ی ی ی ی Ϙ :
<input name="buttonName" type="submit">

ی ی ی Ϙ ی ی ی Ϙ ʐ <form> ی ی ی ی ǐ ی Ϙ ʐ ی ی action ی .
Ϙ ǘ (Reset)

ی ی Ϙ ʐ <input> ی ی ی type reset ی ی. ی ی ی ی ی ی ی Ϙ ی ی:
<input name="buttonName" type="reset">

ی ی ی Ϙ ی ʐ ی. ی Ϙ Ϙ ی ʐ ی ی ی ی Ґ.
Ϙ (Button)

Ϙ ی ǘ Ϙ یی ی ی Әс ی . ی Ϙ ی ی ی ی ی ʐی ی ی .

ی ی ی یی ی Ϙ ی ی ی ی ی. ی ی ی ʐ <input> . ی Ϙ یی یی ی ی ی ی ی ی ی Ϙ .

ی ی ی Ϙ ی :
<input name="buttonName" type="button">

ی ی ی یی ی Ϙ ʐ <input> ی ی ی :

* type :
ی Ϙ ی submit ی ی .
ی Ϙ ǘ ی reset ی ی .
ی ی Ϙ ی button ی ی .
* name :
ی ی ی Ϙ ی .
* value :
Ϙ ی ی ی Ϙ ی ی .
* "disabled="disabled :
ی ی ی Ϙ ی . ی ی Ϙ ی . ی ییی disabled ی .

ی Ϙ ی ی (disabled) ی ی ی Ϙ ی ی:

: ی

Ϙ :
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:28 am

یی ی ی ی HTML
(Password)

یی ی ی ی ی. ی ی ی ی ی ی ی . ی ی ی ی ی ی ی ی ی ی ی ی ی (Text Box) ی ی ی ǘی ی ǘ ی ی (ʐی ѐ ) ی ی .

ی ی ی ی ی:
<input type="password" name="someName" size="30">

ی . ی ی ی یی ی ی:

ی ی "size="30 ی ی ی. ی یی ی ی ی ی . ی ی ی ی ی ی ی ی:
ی ی ی ی. (ی ی ی )
یی ی (Hidden Fields)

ی ی ی ی ی یی . ی ی ی ی یی ی ی. ی ی ی ی :
<input type="hidden" name="FieldName" value=" " >

ی ی value action ی ی ی .
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:28 am

ی ی ی (Text Area)
ی ی ی ی (Text Area)

ی Text Area ی ی ی ǘ ی ی . ی ی ی ی Text Box Text Area ی ی یی .

ی ی Text Area ی ʐ <textarea> ی. ی ʐ ʐ <input> ی ʐ یی ی ی ʐ <textarea/> . ی ی ی ی Text Area ی:
<textarea name="someName" cols="40" rows="3">
ی ی ی ی
</textarea>

ی ی ی ی ی:
ی ی ی ی

ی ی ی ی ʐ یی ʐ یی ی Text Area ی Text Area ی ی .

ی ی ی ی ی ʐ <textarea> ی:

* cols :
ی ǘ یی ی . ی ی ی . ی ʐی ی ی ѐ . ی ی ʐ <textarea> ی .
* rows :
ی ی . ی ی ی . rows ی ʐ <textarea> ی .
* name :
ی ی ی ی textarea .
* "readonly="readonly :
ی ی ی ی یی .
* "disabled="disabled :
ی ی ی ی ی یی ی . (ی ѐ )

ی ی (readonly) ی (disabled) ی ی ی Text Area ی ی:

: ی ی

ی :
ی



ʐ <textarea> ی ی ʐ ی ی ی :
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

ی یی ی ی ʐ <textarea> :
onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:29 am

یی یی ی ی HTML
یی یی (Select)

ی یی یی ی ی ی ی یی ی ی ʐ <select> ی. ی ی ی ʐ ی <option> <option/> ی ی ʐ یی ی <select/> ی .

ی ی ی ی ی ی ی یی ی ی:
<select name="someName">
<option value="value 1" >ی </option>
<option value="value 2">ی </option>
<option value="value 3">ی </option>
</select>

ی ی ی ی ی:

ی ی ی ی ی ی Ϙ ی action ی .

ی ی ی ʐ <select> :

* name :
ی ی ی ی ی ی .
* size :
ی ی ی ی ی . ی ی ی . ی ی ی ѐ .
* "multiple="multiple :
ی ی ʐ <select> ی ی ی ی ی ی ی ی .
* "disabled="disabled :
ی ی ی ی ی ی ی ی .

ی ی ی (disabled) ی ی ی ی:

: ی

ی :

ی ی ی ی ی ʐ <select> ی:
onfocus, onblur, onchange
ی ی ʐ <option>

ی ی یی ی ی ی ی ʐ <option> ی. ی ی ی ʐ value ی ی ی ی ی ی ی ی ی.

ی ʐ <option> ی ی یی ی ی ی ی:

* value :
ی ی ی ی ی یی action ی .
* "selected="selected :
ی ی ی ی ی ی ی . ی ی ی ی ی ی ی ی ی ی ی .

ی ی ی ʐ <option> :
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
ی ی ی ی ی یی <optgroup>

ǐ ی ی یی ی ی ی ی ی ی ی ی ی ی ی ی ی . ی ی ی ی ʐ <optgroup> ی. ی ʐ ی ی ی ی ی ی ی <optgroup> <optgroup/> ی.

ی ی ی یی ی ی ی :
<select>
<optgroup label=" ">
<option value ="some value "> ی </option>
<option value ="saab"> ی </option>
</optgroup>
<optgroup label=" ">
<option value ="mercedes"> ی </option>
<option value ="audi"> ی </option>
</optgroup>
</select>

ی ی ی ی ی:
ی ی ی ی

ی ʐ <optgroup> ی :

* label :
ی ی ی ی ی э ی ی ی ی ی ی ی ی .

یی ی ی ی ʐ <optgroup> ی:
tabindex, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:30 am

ی

ی ی : ی ی ی ی ی ی ی ی ی Ӂ . ی ی .

ی ی ی:

ی ی ی ی ی ی example.mid ی. ی ی ی ی ی ی:
<a href="example.mid"> ی ی</a>

ی ی ی ی ی ی ی ی ی . ی ی ی MIDI ی ی ی ییی ϡ wav aud ی ی . یی ی ی ی ی ی ی ی .


ی ی


ی یی ی ی ی . plug-in یی یی ی ی . ی یی ی ی ی ی ی . ی ی ی ی ی ی ȁ. Ԙ ی ی ی ی ی ی . ی ی ی یی ی ی ی .

ی ی :

ی ی ی ی ی یی ی ی ی . ی ی ی ی Ϙ ی ی ی ʘ ی ی . ی ی ی ی ʐ EMBED ی. ی ʐ ʐ ژ ی ی. ی ی ی ʐ یی یی.

ی ʐ ی ی:
<embed src="example.mid">

ی ʐ ѐ ی ی ی ی یی ʐ ی . ی ی یی یی MIDI ی ی ی ی ی ی. ی یی ی ʐ " "=src یی ی ی ی . ی ی ی ی ی ی ǐ ی ی ی ی ی ی ی ی ی ی ی.

ی ی یی ی ی ی ی:

ی ی ی ʐ یی ی ی ی ی ی ی. ی ی ی ی ی ی:

* width :
ی یی ی ی . ی ی ی ی ی ی ی یی ی ی ی ی ی.
* height :
ی یی ی ی . ی ی ی ی ی ی ی یی ی ی ی ی ی. ی ی 60 ی ی .
* "autostart="true :
ѐ ی ѐی ی ی . ی ی ی ی false ی true ی ی. ی ی ی ی .
* "loop="true :
ی ѐ ی ی ی ϡ ی ی ی Ϙ ی ی ی . ی ی false ی true ی ی ی ی. ی ی ی ی .
* "hidden="true :
ی ѐ ی یی ی . ی ی ی ی ی Ϙ ی ی. ی ی ی ی ی ی ی ی ی یی . ی ی false ی true ی ی . ی ی ی ی .

ǐ ی ی ی ی ی ی ی یی ی ی ی ی:

ی ی ی

ی ʐ :
<embed src="example.mid" width="300" height="60" autostart="true" loop="true" hidden="true">
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:30 am

یی ʐ HTML

ʐی META ی ی ی ی ی ی. ǐ ی () . ی ʐ ی HEAD ی.

ی یی ی ʐی META ی یی:
<head>
<title> </title>
<meta name=" " content=" ">
</head>

* name :
ʐی ی.
* content :
یی ی ʐ ی ی .

ی ی ʐ ی ی ی یی ی ی.
META Keywords
<meta name="keywords" content=" ʐ, ">



* "name="keywords
ی Ӂی ی ی یی ی ی ʐ  ی .
* " ʐ "=content
ی یی یی ی . ی ی ی ǎ یی ی .

ی ی ی ی ǎ ی ʘ ی ی ǎ ی . ی ی ی ʘ ی ی ی ǎ ی И ی ǎ ی ی ی ی یی یϡ ی .


META Description

ی ʐ ی ی ی .
<meta name="description" content=" ʐ ">

* "name="description
ی یی ی Ӂی ی .
* " ʐ "=content
ی یی ی یی. ی یی ی ی ی یϡ ی ی ی ی ی ǎ ی. یی ی ی ی ی ی ی .

ʐ И ی ʐ . ʐ ی یی ی ی ی :
<meta name="author" content=" ی ">

ی ʐ ی ی ی. ی ی ʐ یی ی ی HTML ی ی یϡ ی ی . ی ی ʐ ی ی ی .
<meta name="generator" content=" ">

ی ʐ ی ی ی ی ی ی Ȑیی ی ی ی ی. ی ʐ ی ی ی ی ی .
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:31 am

یی ی ی ϐ HTML

ǐ ی یی ی ی یϘϐ یی ی ی ی ʐ meta refresh ی ی ϐ ی. ی ی یی ی ی ϐ ی ی ی ی ی ی ی ʐی meta refresh ی ی ϐ ی یی ʡ ی ی یی ی ی . ی یی ی ی ی ی ( 10 ی) ی ی ی. ǐ ی ی ی ی ی ی.

ی ȡ ی ی ی یی ی ی :
<html>
<head>
<meta http-equiv="refresh" content="3;url=http://www.yoursite.com/destinationpage.htm">
<title>ی </title>
</head>
<body>

</body>
</html>

ی ی ی ی ی ی:

یی

ی ی ʐ Meta refresh (TITLE) ی .

" "=content ی . ی ѐ ی یی ی ی ی . ی ی ی یی ی. ی ی ی . ی ی ی یѐ (Wink .

BODY یی ی ی ی یی. ی ی ی ی ی ѐی یی ی ی ی ی ی ی .
<html>
<head>
<meta http-equiv="refresh" content="3;url=http://www.yoursite.com/destinationpage.htm">
<title>ی </title>
</head>
<body>
ی . ǐ ѐ ی ی <a
href="http://www.yoursite.com/destinationpage.htm">ی</a> ی ی ی ی ی
</body>
</html>
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:32 am

ی ی ی

ی ی ی ی ی ی ی ی ی ی ی ی ی . ی ی ی ی ی Ȑیϡ ی ی. ی ی ی ی ی ʐ HR یی ی ی:

* width :
ی ی ی . ی ی ی ی ی ی ی. ی ی ی ی 100% .
* "align="left :
ی ی ی . ی ی ی ی ј ی. ی ی ی center ј ی . ی ی ی ی ی .
* "size="3 :
ی ی . ی ی 2 .
* "noshade="noshade :
ی ی .

ی ی ی ی ی ی ی.

---------------------------------------------------------------------------------------------------------------
<hr width="250">

ی ی ی ی ی :

---------------------------------------------------------------------------------------------------------------
<hr width="250" align="right">

ی ʐ ی ی 250 ی ی . ی:

---------------------------------------------------------------------------------------------------------------
<hr width="250" size="10">

ی ʐ ی ی 250 ی ی 10 ی :

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

ی ѐ ی ی ی ی 80 ی ی ی :

ی یϡ ی ی ی .

ǐ noshade یϡ ی ی :
<hr width="250" noshade="noshade">

ی 80 ی ʐ ی ی:
<hr width="250" size="80" noshade>

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

ی ѐ ی Internet Explorer 4.0 Mozilla Firefox یی ی . ی ѐ Opera 9.0 ی .

ی ǐ ѐی ی ǘӁ ی یϡ ی ی ی ی ǐ ѐی Opera ی ی یϡ ی ǘی ( ی ) ی ی.
<hr width="250" size="20" color="yellow" noshade>
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:33 am

ی ی HTML

ǐ ی ی Ԙ ی یی یϡ ی ی ی ʐ font ی.( ی یی ی ).

ی : " "=face ʐ ی ی Ԙ یی ی. ی ی:
<font face="Times New Roman">This line is Written by Times New Roman font face</font>

ی Times New Roman:

This line is Writen by Times New Roman font face

ی ی ی:

1.

ی ی ی ی ی ی ی ی ی ی ѐ ی ǘӁ ی Әی 3 .(ی ی یϡ ǘ ی ی ѐی یی )
2.

ی ی ی .
ی ی ی ی ی ی ی ی ی ی . ی ی ی XP ی ی ی Ϙ ی ی ی . Tahoma, Arial, Times New Roman ی ی.

И ǐ ی ѐ Ϙ ی Times New Roman ی .

ی یی یی ی ی ی ی ی " "=face ی:
ی ی Arial Arial
ی ی Tahoma Tahoma
ی ی Times New Roman Times New Roman
ی ی Arial Black Arial Black
ی ی Courier Courier
ی ی Courier New Courier New
ی ی Modern Modern
ی ی Terminal Terminal
ی ی Symbol Symbol

ی ی ǐэ ʐ <font> HTML4.01 یی ی ی ʐ ی ی . ی ی CSS ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:33 am

ی ی

ی ی ی ی ی ی ی ϡ ی ی ʐ ی ی: "target="_blank
ʐ ی ی ی :
<a href="http://www.neopersia.org/" target="_blank"> ی </a>

ی یی ی ی . ی ی ی ی ی ی ی ϡ ی ی ی .

CSS

ی ی ی ی ی ی ی ی.
ی ی ی ی ی:
<a href="http://learn_html.gif" target="_blank">
<img src="learn_html.gif">
</a>

ی ی ی ی ی ی ی ی ی .
ی ی ی:

Learn HTML with NeoPersia.org

target ی یی ی . ی top_ ی ی ی . ی ی ی top_ ی ی ی یی ی ی ی ی ی .

ی ی ϡ ی ی یی ی ی ی targrt ی یی ی یی .
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:34 am

ی ی ј HTML

ʐ <marquee> ی ی ј ی. ی ی Әс ی ی. Ԙ ی ѐیی ی Netscape ϡ ی ی ʐ Ґ ی Ԙ ی ی ј ی .

ی ی ی ی ی ј ی ی:
<marquee loop="infinite"> ی یی</marquee>

ی ی یی ی :

ی یی

"loop="infinte ی ی ј . ی ی ی ی "loop="-1 ی.

ی ی ییی ی ʐ ی ی ی infinite loop ی ی ی. ی "loop="2 ѐ ی ی ј .

ی ی " "=bgcolor ی ی ی ی یی ی. ی ی ی یی ی ی ی ی. ی ی:
<marquee loop="infinite" bgcolor="yellow">
ی یی
</marquee>

ی ی ی ʐ:

ی یی

" "=width ی ی ј یی ی. ی ی ی ی ی ی ی.
<marquee loop="infinite" bgcolor="yellow" width="400">
ی یی
</marquee>

ʐ ی ی ی ј 400 ی ی ی ی. ی:

ی یی


<marquee loop="infinite" bgcolor="yellow" width ="50%">
ی یی
</marquee>

ʐ ی ی ی ј 50 ѐ ی ی ی. ی:

ی یی
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:35 am

ی HTML

ی ی ی ی (table) ی یϿ ی ی ی ی ی ʐ ی:
<table>
........ی .......
</table>

ی ی ی ی ʐ یی یی <table> یی ی ی ϡ ی. ی ʐ یی یی <table/> ی.
ی ی ی ʐ <td> ی. ی ʐ table data . ی ییی ی ʐ ی ی. ی ی ی ʐ یی <td/> ʐ یی ی. ی:
<table>
<td>
........ی ......
</td>
</table>

ی ی :

........ی ......

ی ی ی ی ی ی .

ی ی ی (border) ی ی. ی ی ی ʐ ی. ی:
<table border="3">
<td>
........ی ......
</td>
</table>

ی ϡ ی:
........ی ......

ی ی یی ی. ی ی ی ی border ی یی ی. ǐ ی ی ی .

ی ی ی ی . ی ی ی یی ی ی ی ی ی ی ی ʐ td ی. ی:
<table border="3">
<td>

</td>
<td>

</td>
</table>

ی ی ی ی ی ی:


ی ی ی ی ی ی ی ی. ی ی ی ʐ tr ی. ی ʐ <tr> <tr/> ی ی ی. ی:

<table border="3">
<td>

</td>
<td>

</td>
<tr>
<td>

</td>
<td>

</td>
</tr>
</table>

ی ی ی :






ی ی ی یی ʐ ی. ی ی ی :

* cellspacing :
ی ی ی ی ی.
* cellpadding :
ی ی ی ی. ی ی ی.

ی ی ی ی ی 10 ی ی. ʐ ی یی ی ی:
<table border="3" cellspacing="10">

Ԙ ی :



ی ی ی ی 10 ی ی. ʐ ی یی ی ی:
<table border="3" cellpadding="10">

ی :



ی ی ی یی ʐ ی یی ی:
<table border="3" cellspacing="10" cellpadding="10">

ی ی:



ی ی یی ی ی. ژӡ ی䘡 ǐ ...
ی ی ی ʐ <td> <td/> ی. ی ی ی ی ی ی ی ی. ی ی ی:
<table border="2">
<td>
<a href="../javascript/index.html"> Әс</a>
</td>
</table>

ی ی ی یی ی :
Әс

ی ژ ی ی ی ی ی:
<table border="2">
<td>
<img src="learn_html.gif">
</td>
</table>

ی ی :


ی ی ی ییی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:36 am

HTML : ی ѐیی ی ی ...

ǐ ی ی یی ی ی ی width ی. ی ʐ ی ی ی. ی ی ی ی ی . ی یی ی یی height ی. ی ǐ ی ی 500 ی 50 ی ی ی ی ی:
<table border="3" width="500" height="50">
<td>
ی
</td>
</table>

ی ی یی ی ی ( 500 یی ی ی ی):
ی

ǐ ی ی یی ی ی ی ی ی ʐ <td> ی:

* "align="left :
ی ی ی .
* "align="right :
ی ی ی ی ی ی ی.
* "align="center :
ی ی ی ی ی ј ی.

ی ی ی ی:
<table width="600" border="3">
<td align="left">
ی
</td>
<td align="center">
ی ј
</td>
<td align="right">
ی
</td>
</table>

ی ی ѐیی ی ی ی:
ی ی ј ی

ǐ ی ѐیی ی ی ی ی ی ی valign ی:

* "valign="top :
ی ی ی ی ی.
* "valign="middle :
ی ی ی ی ی ی.
* "valign="bottom :
ی ی یی ی ی .

ی ی ی ی ی یی:
<table width="600" height="100" border="3">
<td align="center" valign="top">
ی
</td>
<td align="center" valign="middle">
ی
</td>
<td align="center" valign="bottom">
ی یی
</td>
</table>

ی یی:
ی ی ی یی

ѐیی ی ی ی ی ی ی ی ی ی . ی ی ی ی یی ی ی ی .

ی یی ی ی ی ʐ td ی:

* rowspan :
ی ی
* colspan :
ی ی ی .

ی ی:
<table border="2">
<td align="center">

</td>
<td rowspan="2" align="center">
<img src="learn_html.gif">
</td>
<tr>
<td align="center">

</td>
</tr>
</table>

ی . ی یی ی ی ژ ی ی :



ی ی ی ی ی ی:



ی ی ی ʐ <td> ی "3"=colspan ی ی. ی ی ی ی .
ی ی ی ی یی:
<table border="1">
<tr>
<td align="center" colspan="3">
<b> </b>
</td>
</tr>
<tr>
<td align="center">

</td>
<td align="center">

</td>
<td align="center">

</td>
</tr>
</table>

ی ی ی ی ѡ ی ی یی ی.
ی یی ی ی ی ی bgcolor ʐ ی ی ی.

ی ǐ ی ی ی ی ی ی ی ی ی:
<table border="3" bgcolor="yellow">
<td>
ی
</td>
</table>

ی ی ی:
ی

И ǐ ی ʐ یی ʐ ی ی ی ی ی ی:
<table border="3" bgcolor="#ffff00">

ǐ ی ی ی ی ʐ <td> ی. ی ی ی:
ی ی

ی ی ی ی یی:
<table border="3">
<td bgcolor="yellow">
ی
</td>
<td bgcolor="green">
ی
</td>
</table>

ی ی ی ی یی ی. ی ی ی ʐ <tr> ی ی:
<table border="3" width="300">
<tr bgcolor="pink">
<td>ی</td>
<td>ی ی ی </td>
<tr bgcolor="gray">
<td>ǘی</td>
<td>ی ی ǘی </td>
</table>

ی :
ی ی ی ی
ǘی ی ی ǘی
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:37 am

ی ѐ

ی ی ی ی ی. ǐ ی ʐ ی ی ی ی ی.

ی ی Ԙ ی ی ی ی ی ی. ی ی ی ی .

ی ی ی ی ی ی ی ی ی :
<table width="500" border="4"><!-- ʐ ی یی -->
<td align="center"><!-- یی -->
<table width="400" border="2"><!-- ی -->
<td align="center"><!-- ی ی -->
ی ی
</td><!-- ی ی -->
</table><!-- ی ی -->
</td><!-- ی یی -->
</table><!-- ی یی -->

ی :
ی ی

ی ی ی ی ی ی یی ی یی ی <td> <td/> یی.

ی ی ی ی ی ی ی ی. ی ی ی ی ی ی ی ی ی ی یی ی ی ی یی ی.
ی ی ی ی ی ی. ی ی ی ی:
<table width="600" border="4"><!-- ʐ ی یی -->
<td align="center"><!-- یی -->
<table width="250" border="2"><!-- ی -->
<td align="center"><!-- ی ی -->
ی ی ی
</td><!-- ی ی ی -->
</table><!-- ی ی ی -->
</td><!-- ی ی یی -->
<td align="center"><!-- ی یی -->
<table width="250" border="2"><!-- ی ی -->
<td align="center"><!-- ی ی -->
ی ی ی
</td><!-- ی ی ی -->
</table><!-- ی ی ی -->
</td><!-- ی ی یی -->
</table><!-- ی یی -->

ی ی :
ی ی ی

ی ی ی

И ی ی border ی. ی ی ی.

ی ی ی .

ی ی ی ی ی ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:37 am

ی ی ی --

ی ی ی ی یϡ ی ی ی ی ی . ی ی ی ی ی ی html . ی ی ی ی ی ی ی یی.

ی ی

ی ی ی ی یǡ ی ی ی ی. ی ( یی ی ی ی ی ϡ html .

ی ی ی ی ی ʐ body ʐ frameset ی ی. ی ی ی ی ی ی ی ی ی:
<html>
<head>
<title>ی ی ی </title>
</head>
<frameset cols="50%,50%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
</html>

ی ی ʐی ی ی ی:

* <FRAMESET> :
ی ʐ ѐ ی ی ی ی ی ی .
* "cols="50%,50% :
ی ѐ ی ی ی ی ی ی یی ی . ی ی ی یی ی ی ی ی ی ی. ǐ ی ی ی ی ی یی % ی. ǐ ی یی ی ѐ ی ی ی ی .
* <"FRAME SRC="frame_1.htm> :
ی ی ی ی ѐ ی .
* <"FRAME SRC="test2.htm> :
ی ی ی ی ی ی .

ی ی ی ی. ی ی ی ی:

<html>

<head>
<title>ی ی ی </title>
</head>
<frameset cols="33%,33%,33%">
<frame src="page1.htm">
<frame src="page2.htm">
<frame src="page3.htm">
</frameset>

</html>

ی ی ی ی ی ی 33 ی ی ی. ی ی ѐ ی ی .
ی ی ی ی ی ی ی:

ی ی

ی ی ی ی ی ی یی ی. ی ی ی cols ʐ frameset rows ی.

ی ی:

<html>

<head>
<title>ی ی ی ی</title>
</head>
<frameset cols="50%,50%">
<frame src="page1.htm">
<frameset rows="50%,50%">
<frame src="page2.htm">
<frame src="page3.htm">
</frameset>
</frameset>

</html>

ی ی ی ی ی ی:

ی ی ی

1.

ی ʐ frameset ѐ ی یی ( ) ی .
2.

<"FRAME SRC="page1.htm> ѐ ی ی ی page1.htm .
3.

ʐ frameset ʐ frameset . ی ʐ ѐ ی ی ی ی ی . ( ی ی ی ی )
4.

ʐ <"FRAME SRC="page2.htm> ѐ ی ی ی ی page2.htm .
5.

ʐ <"FRAME SRC="page3.htm> ѐ ی ی ی ی page3.htm .

ی ی ʐی frameset ی ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:38 am

یǡ ی ی ی

ی ی ی ی ی. ی ی ی ی ی ی ی ی ی ی ی . ی ی ی ی ی HTML ی ی . ǐ ی ی ی ی ی ( ی ی) ی . ی ی ی ی ی یی ی ی ی یی ی ی ی یی .

ی ی ی ی ی ی Ӂ target ʐ ی ی. ی ی ی:

<html>

<head>
<title>یی ی ی ی</title>
</head>
<frameset cols="25%,75%">
<frame src="page4.htm" name="left">
<frame src="page2.htm" name="right">
</frameset>

</html>

ی ی ی left right ی. ی ی ی ی ی ی.(ی ی ʐ ی ی ی HTML ی .)

ی ی ی ی ی ی یی ی target ʐ ی ی ی. ی ی یی ی ی ی ی ی ی . ی ی ی ʐ یی ی ی:
"target="right . ی ی ی ی:
<a href="../../html/index.htm" target="right"> HTML </a>

ی ی䘡 ی ی ی ی ی ی . ی ی ی ی ی ی ی ی. ی ی ی ی.

ی ی ی ی ی ی یی. ی ی ی ی یی ی یی ی ی:

یی

ی ی ی ی ی ی ی ی ی. ی ی ی "target="_top ʐ ی ی. ی ی ʐ یی ی یی:
<a href="http://www.neopersia.org/html/index.html" target="_top">ی ی ی .</a>

ی ی یی ی ʐ frame ی. ی ی ی ی ی ی:

* "scrolling="no :
ی ی Ә (scroll bar) یϡ یی . ǐ ی یϡ ѐ ی ی ی ی Ә ی ی ی .
ǐ ی yes ϡ Ә ی . ǐ no Ә ѐ ی . ی ی ی ی ی یی ی ی ی یی ی ی ی ی.
* "border="3 :
ی ی ی ی ی ی یی ی.
* "resize"no :
ی ی یی ی ی ی ی یی ی . ǐ ی no ی یǡ یی . ǐ yes ی ی یی . ی ی ی yes .
* "noresize="no :
ی ی ی ی "resize="no یϡ ѐ ی ی . ی ی ی ی ی.
* "marginwidth="2 "marginheight="2 :
ی ی ی ی ی ی ی یی ی.

ی ѐی یی ی . ی ی ی ی ѐی یی یی یی ی ی ی ی ی ی. ی ی ی ی ی ی:
<noframes>
یی ی ی ی .
</noframes>

ی ی ی ی ی ی ی ی ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:39 am

یی ی

ǐ ی ی یی ی یϡ یی ی ی ی ی ی ی ʐ <frameset> ی ʐی <frame> ی ی ی. ی ی ی ی ی یی ی ی ی یی:

<html>

<head>
<title>ی ی </title>
</head>
<frameset cols="25%,75%" border="0" framespacing="0" frameborder="0">
<frame src="page1.htm" name="left" scrolling="no">
<frame src="page2.htm" name="right">
</frameset>

</html>

ʐ <frameset> ی ی ی ی ی ی ی ی:

* "border="0
ی ی ی یی ی ی ی.
* "frameborder="0
ی ی ی ی ی .
* "framespacing="0
ی ی ی ی ی ی ی .
* "scrolling="no
ی ی ی ی ی ѐ Ә ی .
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:40 am

ی ی ی ی

HTML 4.0 یی ی ی ی ی. ی ی (inline frame) ی ی ی ی ی ی ی ی ی ی ی ی ی.

ی ی ی. ی ی ی یی ی ȁی. ی ی ی ی ی ی یی.

یی یی ی ی ی ی. ǐ ی ʐ ی ی ی ی:

ی ʐ HTML یی ی ی ی Ȑی ی ی ی ی یی ی:
<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1"></iframe>

ی ʐ ی ی ی ی ی. ی یی ی ʐ body ی ʐ frameset .

ی ی ی ی ʐ ی ی:

* <iframe> :
ی ʐ ی ی ی یی .
* "src="frame_1.htm :
ی ی ی ی ی ی .
* "width="350 :
ی ی ی . ی ی ی ی.
* "height="250 :
ی . ی ی ی ی .
* "frameborder="1 :
ی ی .

ی ی ی ی ی . ی ی ی ی target ی ی. ی ی:

ʐ ی ی ی ی. ی:
<iframe src="../examples/html/page1.htm" width="400" height="250" frameborder="1" name="inlineframe1"></iframe>

ʐ ی target ی ی. ی:
<a href="index.html" target="inlineframe1">ی ی ی .</a>

ی ی ی ی ی ی. ی ی ی ی ی :


ی ی ی .


ی ی ی ی "scrolling="no ʐ ی ی ی Ә ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:40 am

یی ѐ HTML

یی ی HTML 4.0 event HTML . ی ی ی (event) ی Әс ی ی HTML .

ی یی ییی ʐی HTML ی . ی ی ی ی ی ی ی ی Әс ی.

ی ی ی ی ی Әсی Әс ی ی ی ی ی .



*
یی ѐ

ی ی ی ʐی body frameset . ی ی ی ی ی ی ی:

* onload :
ی ی ی Әсی .
* onunload :
Әсی ی ی ی ی ی ی ی .
* onResize :
ی ی ی ѐ یی ی ی ی .

ی ی ی ی ی ی ی ی ی. ی ی ی ی ی ʐ body .

یی ی یی ѐ

ی ی ʐ body ی ی:
<body onload="alert(' ی یی ی')" onunload="alert(' ی ی')" onresize="alert(' یی ی')>

*
یی

یی ی ی :

* onchange :
Әс ی ی یی ی .
* onsubmit :
ی ی Әс ی ی .
* onreset :
ی Ϙ reset ( ǘ ) Әс ی ی .
* onselect :
ی ی ی Әс ی ی .
* onfocus :
ی ʐی ی ی ی Әс ی ی ی .
* onblur :
ی ژ ی یی ی ی ʐ یی ی .



ی ی یی ی ی ی.

ی ی ی ی یی ی ی :
<form action="#" method="post" onsubmit="msg('onSubmit')" onreset="msg('onReset')">
<input type="text" onfocus="msg('onFocus')" onblur="msg('onBlur')" />
<select name="select" onchange="msg('onChange')">
<option>ی </option>
<option>ی </option>
<option>ی </option>
<option>ی </option>
</select>
<textarea onSelect="msg('onSelect')">ی ی ی ʐ onselect ی Әс ی ی ی .</textarea>
<input type="reset" name="reset" value="reset" />
<input type="submit" name="Submit" value="Submit" />
</form>
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:41 am

یی ی HTML

ی ی یی HTML ی ی ی ی.

*
یی ی

ی ی ی ی:

* onkeydown :
Ϙ ی Әс ی ی ی .
* onkeypress :
ی ی Ϙ ی ی ی Әс ی ی .
* onkeyup :
ی ی ی ی .

یی ی ی ʐی ی :

<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>



ی ی یی ی ی ی.

ی ی ی ی ی ی:
<input value="onkeypress" type="text" onKeyPress="msg('onkeypress')" />
<input value="onkeypress" type="text" onKeyUp="msg('onkeyup')" />
<input value="onkeypress" type="text" onKeyDown="msg('onkeydown')" />



*
یی

ی ی :

* onclick :
ی ی ی ی ی .
* ondblclick :
ی ی ی ی ی ی .
* onmousedown :
ی ی ی ی ی .
* onmousemove :
ی ј ی ی ی ی ی .
* onmouseover :
ی ی ی ی ی ی ی ی ی ی .
* onmouseout :
ی ی ی ی ی ی ی ی ی ی .
* onmouseup :
ی ی ی ی ی ی .

یی یی ی ی ʐی ی :

<base>, <br>, <bdo>, <frame>, <frameset>, <iframe>, <html>, <head>, <meta>, <param>, <script>, <style>, <title>



ی ی ی یی ی ی ی.

ی ی ی ی یی ی ی ی ی:
<td onClick="msg('onClick')"> ی ی ی ی onClick .</td>

<td onDblClick="msg('onDblClick')"> ی ی ی ی onDblClick .</td>

<td onMouseDown="msg('onMouseDown')"> ی ی یی ی ی onMouseDown .</td>

<td onMouseMove="msg('onMouseMove')">ی ی ј ی ی onMouseMove .</td>

<td onMouseOver="msg('onMouseOver')"> ی ی ی ی onMouseOver .</td>

<td onMouseOut="msg('onMouseOut')">ی ی ی ی onMouseOut ی .</td>

<td onMouseUp="msg('onMouseUp')">ی ی ی ی ی onMouseUp ی .</td>

ی msg(' ی') Әсی ی . ی ی ی ی یی ی.
Ґ    
SETAREH


avatar

: 599
Age : 26
Registration date : 2008-04-11

: : HTML    23, 2009 8:41 am

ی ی

ی ی ی ϡ ی ی ی ی ی ی ی ی ی. ی ی Ԙ Ґ Encoding ѐ ی .

ی Ґی ی ѐی ی ی ی ی ی Encoding ی ی ی یی ی ی Encoding .

ǘ ی ی ی ی ی:

* ѐ ی ǘӁ ی (Microsoft Internet Explorer) :
ی view ی Encoding ی ی utf-8 ی ی. ی ی ی یی ی utf-8 ی ی ی More ی utf-8 ی یی ی ی ی ی.
ی ѐ ی ی ی ی ی . ی ی ی ی ی ی.
* ѐ ی : (Firefox)
view --> Character Encoding --> unicode (utf-Cool
ی
view --> Character Encoding --> More Encodings --> Unicode --> Unicode (utf-Cool
* ѐ ǁ : (Opera)
view --> Encoding --> Unicode --> UTF-8

ǐ ی Ԙ ی ی ی یی . ی ی ی یی (Arabic(Windows ی ی.

ی ی ی ی ی ی ی ی ی:


ی ی ی ی ی ی ی ی ی.

* "dir="rtl ʐ <html>
ی یی ʐی HTML ی . ی ی ی ی ی ی ی ی "dir="ltr ی.
* CSS ی یی direction
ی ی ی ی HEAD ی "style="direction: rtl ʐیی ی ی ی

ی Encoding ی

ی ی Encoding ی ی ʐ HEAD ی. ی ʐ ی ی utf-8 یی Ґی ی ی :
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

ǐ ی ی ی ʐ ی utf-8 ѐ Ϙ ی ی .
Ґ    
 
HTML
      Ґ    
2 2 :    1, 2

:
ʐ  ::   ::  ʐ ѐ -