راسخون

مدرسه HTML

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب ul آغاز یک لیست شمارشی را تعریف می کند.

تفاوت بین HTML و XHTML

موجودیت های "compact","start","type" از عنصر ul در HTML 4.0 توصیه نمی شوند.
موجودیت های "compact","start","type" از عنصر ul در XHTML پشتیبانی نمی شوند.

نکات

نکته:برای معرفی نوع لیست ها از style استفاده کنید.

مثال

منبع خروجی
<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
  • Coffee
  • Tea

خواص انتخابی

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. 

موجودیت مقدار توضیحات DTD
compact compact_rendering توصیه می شود به جای آن از style استفاده کنید. TF
type disc
square
circle		 نوع لیست را تعیین می کند. توصیه می شود به جای آن از style استفاده کنید. TF

 

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب li شروع یک قلم از اقلام لیست را تعریف می کند. برچسب li در هر دو لیست شمارشی و غیر شمارشی استفاده می شود.

تفاوت بین HTML و XHTML

موجودیت های "type" , "value" در HTML 4.01 توصیه نمی شوند. 
موجودیت های "type" , "value" در XHTML پشتیبانی نمی شوند.

نکات

نکته:برای معرفی نوع لیست ها از style استفاده کنید.

مثال

منبع خروجی
<ol>
<li>Coffee</li>
<li>Tea</li>
</ol>

<ul>
<li>Coffee</li>
<li>Tea</li>
</ul>
  1. Coffee
  2. Tea
  • Coffee
  • Tea

خواص انتخابی

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. 

موجودیت مقدار توضیحات DTD
type A
a
I
i
1
disc
square
circle		 نوع لیست را تعیین می کند. توصیه می شود به جای آن از style استفاده کنید TF
value number_of_list_item توصیه می شود به جای آن از style استفاده کنید TF

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب <dl> یک لیست توصیفی را تعریف می کند.

تفاوت بین HTML و XHTML

تفاوت ندارد

مثال

منبع خروجی
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Coffee
Milk

 

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب dt آغاز عبارت توصیفی در لیست را معرفی می کند.

تفاوت بین HTML و XHTML

تفاوتی ندارد

مثال

منبع خروجی
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Coffee
Milk

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب dd توضیح یک عبارت در لیست توصیفی را معرفی می کند.

تفاوت بین HTML و XHTML

تفاوتی ندارد

مثال

منبع خروجی
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Coffee
Milk

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب dir یک لیست پوشه ای را معرفی می کند.

تفاوت بین HTML و XHTML

برچسب dir در HTML4.0 توصیه نمی شود.
برچسب dir در XHTML 1.0 پشتیبانی نمی شود.

نکات

نکته:برای تعریف انواع لیست ها از css style استفاده کنید.

مثال

منبع خروجی
<dir>
<li>html</li>
<li>xhtml</li>
</dir>

خواص انتخابی

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. 

موجودیت مقدار توضیحات DTD
compact compact_rendering توصیه می شود به جای آن از style استفاده کنید TF

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onfocus, onblur, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

تعریف و کاربرد

برچسب menu یک لیست فهرست را معرفی می کند.

تفاوت بین HTML و XHTML

برچسب menu در HTML4.0 توصیه نمی شود.
برچسب menu در XHTML 1.0 پشتیبانی نمی شود.

نکات

نکته:برای تعریف انواع لیست ها از css style استفاده کنید.

مثال

منبع خروجی
<menu>
<li>html</li>
<li>xhtml</li>
</menu>
  • html
  • xhtml

خواص انتخابی

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. 

موجودیت مقدار توضیحات DTD
compact compact_rendering توصیه می شود به جای آن از style استفاده کنید TF

 

خواص استاندارد

id, class, title, style, dir, lang, xml:lang

خواص رویداد

onclick, ondblclick, onfocus, onblur, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

فرم های HTML به منظور انتخاب انواع مختلف ورودی های کاربر استفاده می شوند.

مثالها

فیلد متنی

<html>
<body>
 
<form>
First name: 
<input type="text" name="firstname">
<br>
Last name: 
<input type="text" name="lastname">
</form>
 
</body>
</html>

این مثال طریق ساخت یک فیلد متنی را نشان می دهد. کاربر می تواند اطلاعات خود را در این فیلد بنویسد.

 

فیلد رمزعبور

<html>
<body>
 
<form>
Username: 
<input type="text" name="user">
<br>
Password: 
<input type="password" name="password">
</form>
<p>
Note that when you type characters in a password field, the browser displays asterisks or bullets instead of the characters.
</p>
</body>
</html>

گاهی نیاز است که مقداری که کاربر وارد می کند، دیده نشود. برای ایجاد چنین فیلد ورودی، از فیلد رمز عبور استفاده می کنیم. این مثال روش ساخت این فیلد را نشان می دهد.

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

یک فرم ، منطقه ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس ها و...) در فرم وارد کند.یک فرم با برچسب <form> معرفی می شود.

<form>
<input>
<input>
</form>

 
saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

در برچسب <form> برچسب <input>بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می شود.انواع پر کاربرد ورودی ها در پایین توضیح داده شده اند.

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

فیلد متنی هنگامی استفاده می شود که شما می خواهید کاربر ، حروف ، اعداد و... را تایپ کند.

First name:

Last name:

<form>
First name: <input type="text" name="firstname" >
<br>
Last name:
<input type="text" name="lastname" >
</form>

توجه کنید که خود فرم قابل رویت نیست ، همچنین توجه داشته باشید که در بیشتر مرورگرها طول فیلد متنی بطور پیش فرض 20 کاراکتر است.

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

دکمه های رادیویی زمانی استفاده می شوند که شما می خواهید از بین تعداد محدودی انتخاب، یکی را انتخاب کند.

male 
female 		<form>
First name: <input type="radio" name="sex" value="male"> male
<br>
Last name:
<input type="radio" name="sex" value="female" > femail
</form>

توجه کنید که فقط یک گزینه می تواند انتخاب شود.

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

چک باکس ها زمانی استفاده می شوند که شما بخواهید کاربر از میان تعداد محدودی انتخاب ، یک یا چند گزینه را انتخاب کند.

 I have a bike 
 I have a car 		<form>
<input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car" >
I have a car
</form>

 

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

هنگامی که کاربر روی دکمه "Submit" کلیک می کند ، محتویات فرم به یک فایل دیگر فرستاده می شوند. فایل معرفی شده در عنصر Action معمولا کاری را با اطلاعات ورودی دریافتی انجام می دهد.

<form name="input value" action="action1.asp">
username:
<input type="text" name="username">
<input type="submit" value="submit">
</form>
username:  

اگر شما تعدادی کاراکتر در فیلد متنی بالا تایپ کنید و دکمه "Submit" را کلیک کنید شما ورودی خود را به صفحه ای که "action1.asp" نام دارد خواهید فرستاد.آن صفحه به شما ورودی های دریافتی را نشان خواهد داد.

saeidfarajpour کاربر طلایی1
|
تعداد پست ها : 2734
|
تاریخ عضویت : آذر 1392 

 

برچسب ها توضیحات
<form> یک فرم برای ورودی کاربران معرفی می کند
<input> فیلد ورودی معرفی می کند
<textarea> یک ورودی متن چند خطی  معرفی می کند
<label> یک برچسب برای ورودی ها معرفی می کند
<fieldset> یک مجموعه از فیلدها معرفی می کند
<legend> یک عنوان برای fieldset معرفی می کند
<select> یک لیست قابل انتخاب معرفی می کند
<optgroup> یک گروه از گزینه ها معرفی می کند
<option> یک گزینه در لیست باز شونده معرفی می کند
<button> یک دکمه را معرفی می کند
<isindex> توصیه می شود به جای آن از input استفاده کنید