0
عضویت / ورود
شنبه، 20 بهمن 1403 ( جهش تولید با مشارکت مردم )

مدرسه HTML

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

برچسب UL

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

برچسب 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
پنج شنبه 17 اردیبهشت 1394  4:20 PM
تشکرات از این پست
siryahya
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

برچسب Li

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

برچسب 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
پنج شنبه 17 اردیبهشت 1394  4:20 PM
تشکرات از این پست
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

برچسب Dl

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

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

تفاوت بین HTML و XHTML

تفاوت ندارد

مثال

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

 

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

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

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
پنج شنبه 17 اردیبهشت 1394  4:21 PM
تشکرات از این پست
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

برچسب Dt

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

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

تفاوت بین HTML و XHTML

تفاوتی ندارد

مثال

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

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

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

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
پنج شنبه 17 اردیبهشت 1394  4:22 PM
تشکرات از این پست
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

برچسب Dd

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

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

تفاوت بین HTML و XHTML

تفاوتی ندارد

مثال

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

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

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

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
پنج شنبه 17 اردیبهشت 1394  4:22 PM
تشکرات از این پست
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

برچسب Dir

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

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

تفاوت بین HTML و XHTML

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

نکات

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

مثال

منبع خروجی
<dir>
<li>html</li>
<li>xhtml</li>
</dir>
  • 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
    پنج شنبه 17 اردیبهشت 1394  4:23 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    برچسب menu

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

    برچسب 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
    پنج شنبه 17 اردیبهشت 1394  4:24 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    فرم ها و ورودی های HTML

    فرم های 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>

    گاهی نیاز است که مقداری که کاربر وارد می کند، دیده نشود. برای ایجاد چنین فیلد ورودی، از فیلد رمز عبور استفاده می کنیم. این مثال روش ساخت این فیلد را نشان می دهد.
    پنج شنبه 17 اردیبهشت 1394  4:29 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    فرم ها

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

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

     
    پنج شنبه 17 اردیبهشت 1394  4:29 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    input

    در برچسب <form> برچسب <input>بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می شود.انواع پر کاربرد ورودی ها در پایین توضیح داده شده اند.
    پنج شنبه 17 اردیبهشت 1394  4:30 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    فیلدهای متنی

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

    First name:

    Last name:

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

    توجه کنید که خود فرم قابل رویت نیست ، همچنین توجه داشته باشید که در بیشتر مرورگرها طول فیلد متنی بطور پیش فرض 20 کاراکتر است.
    پنج شنبه 17 اردیبهشت 1394  4:31 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    دکمه های رادیویی

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

    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>

    توجه کنید که فقط یک گزینه می تواند انتخاب شود.
    پنج شنبه 17 اردیبهشت 1394  4:31 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    چک باکس ها (check boxes)

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

     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>

     
    پنج شنبه 17 اردیبهشت 1394  4:32 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    عنصر Action فرم و دکمه Submit

    هنگامی که کاربر روی دکمه "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" نام دارد خواهید فرستاد.آن صفحه به شما ورودی های دریافتی را نشان خواهد داد.
    پنج شنبه 17 اردیبهشت 1394  4:33 PM
    تشکرات از این پست
    saeidfarajpour
    saeidfarajpour
    کاربر طلایی1
    تاریخ عضویت : آذر 1392 
    تعداد پست ها : 2734
    محل سکونت : اردبیل

    برچسب های فرم

     

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

     
    پنج شنبه 17 اردیبهشت 1394  4:33 PM
    تشکرات از این پست
    دسترسی سریع به انجمن ها