سبد (0)

آموزش html

  • تگ code در HTML

    16 مرداد 1398

    مثال (تگ code در HTML)

    قالب متن در یک سند:

    <code>A piece of computer code</code>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ code در HTML

    از تگ <code> برای نحوه نمایش عبارات و پاراگراف ها استفاده می شود. در واقع این تگ یک عبارات را بصورت یک قطعه کد کامپیوتری، نمایش می دهد.

    نکته: استفاده از این تگ توصیه نمی شود ولی برای رسیدن به نتایج بهتر می توانید با استفاده  از CSSبه استایل مورد نظرتان برسید.

    تمام تگ های عبارتی:

    Tag توضیحات
    <em> متن را به صورت emphasized نمایش می دهد 
    <strong> متن را به صورت strong  یا Bold شده و ضخیم نمایش می دهد
    <dfn> جهت تعریف definition term
    <code> متن را به صورت یک قطعه کد کامپیوتری نمایش می دهد
    <samp> متن را به صورت sample computer code (نمونه از یک کد کامپیوتری) نمایش می دهد
    <kbd> متن را به صورت keyboard (صفحه کلید) نمایش می دهد
    <var> یک متغیر تعریف می کند

    پشتیبانی مرورگرها از تگ code در HTML

    عنصر          
    <code> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تفاوتی وجود ندارد.

    ویژگی های عمومی تگ code در HTML

    تگ<code> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ code در HTML

    تگ <code> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-فرمت دهی متن 

    READ MORE

  • تگ col در HTML

    23 شهریور 1397

    مثال (تگ col در HTML)

    تنظیم رنگ پس زمینه از سه ستون با تگ های<colgroup> و <col> :

    <table>
      <colgroup>
        <col span="2" style="background-color:red">
        <col style="background-color:yellow">
      </colgroup>
      <tr>
        <th>ISBN</th>
        <th>Title</th>
        <th>Price</th>
      </tr>
      <tr>
        <td>3476896</td>
        <td>My first HTML</td>
        <td>$53</td>
      </tr>
    </table>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ col در HTML

    تگ <col> خواص مربوط به ستون های موجود در یک عنصر <colgroup> را مشخص می کند.

    تگ <col> برای استفاده از سبک های به کل ستون، به جای تکرار سبک برای هر سلول یا برای هر ردیف مفید است.

    پشتیبانی مرورگرها از تگ col در HTML

    عنصر          
    <col> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    بیشتر ویژگی ها (attributes) موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوند.

    تفاوت بین HTML و XHTML

    در HTML تگ <col> تگ پایانی ندارد.

    در XHTML تگ <col> باید با تگ پایانی بسته شود.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align left
    right
    center
    justify
    char    		 در HTML5 پشتیبانی نمی شود.
    مشخص کننده تراز محتوا نسبت به عنصر <col>
    char character در HTML5 پشتیبانی نمی شود.
    مشخص کننده تراز محتوا نسبت به عنصر <col> با توجه به کاراکترها
    charoff number در HTML5 پشتیبانی نمی شود. 
    مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی char
    span number مشخص می کند که عنصر <col> باید به اندازه چند ستون باشد.
    valign top
    middle
    bottom
    baseline    		 درHTML5 پشتیبانی نمی شود.
    مشخص کننده تراز عمودی محتوا نسبت به یک عنصر <col>
    width %
    pixels
    relative_length    		 در HTML5 پشتیبانی نمی شود.
    مشخص کننده پهنای عنصر <col>

    ویژگی های عمومی تگ col در HTML

    تگ <col> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ col در HTML

    تگ <col> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ col در JavaScript 

    READ MORE

  • تگ colgroup در HTML

    23 شهریور 1397

    مثال (تگ colgroup در HTML)

    تنظیم رنگ پس زمینه از سه ستون با تگ های <colgroup> و <col>:

    <table>
      <colgroup>
        <col span="2" style="background-color:red">
        <col style="background-color:yellow">
      </colgroup>
      <tr>
        <th>ISBN</th>
        <th>Title</th>
        <th>Price</th>
      </tr>
      <tr>
        <td>3476896</td>
        <td>My first HTML</td>
        <td>$53</td>
      </tr>
    </table>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ colgroup در HTML

    تگ <colgroup> گروهی از یک یا چند ستون در یک جدول را جهت قالب بندی مشخص می کند.

    از تگ <colgroup> برای سبک یا استایل دادن  به کل ستون، به جای تکرار سبک برای هر سلول و برای هر ردیف استفاده می شود.

    نکته: تگ <colgroup> باید به عنوان یک فرزند برای تگ <table> باشد که بعد از عنصر <caption> وقبل از عناصر <thead> ،<tbody> ،<tfoot> و <tr> قرار می گیرد.

    نکته: برای تعریف خواص مختلف به یک ستون در <colgroup> از عنصر <col> در داخل آن تگ استفاده کنید.

    پشتیبانی مرورگرها از تگ colgroup در HTML

    عنصر          
    <colgroup> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    بیشتر ویژگی های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوذ.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align left
    right
    center
    justify
    char    		 در HTML5 پشتیبانی نمی شود.
     تراز کردن محتوا در گروه ستون ها
    char character در HTML5 پشتیبانی نمی شود.
    تراز کردن محتوا در گروه ستون ها با توجه به کاراکترها
    charoff number در HTML5 پشتیبانی نمی شود.
    مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی char
    span number مشخص می کند گروه ستون ها به اندازه چند ستون باشد
    valign top
    middle
    bottom
    baseline    		 در HTML5 پشتیبانی نمی شود.
    مشخص کننده تراز عمودی محتوا نسبت به گروه ستون ها
    width pixels
    %
    relative_length    		 در HTML5 پشتیبانی نمی شود.
    مشخص کننده پهنای گروه ستون ها

    ویژگی های عمومی تگ colgroup در HTML

    تگ <colgroup> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ colgroup در HTML

    تگ <colgroup> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ colgroup در JavaScript

    READ MORE

  • تگ dd در HTML

    21 شهریور 1397

    مثال (تگ dd در HTML)

    یک لیست توضیحات با عبارات و توضیحات:

    <dl>
      <dt>Coffee</dt>
        <dd>Black hot drink</dd>
      <dt>Milk</dt>
        <dd>White cold drink</dd>
    </dl>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ dd در HTML

    تگ <dd> برای شرح یا توصیف یک لغت یا عبارت در لیست توضیحات استفاده می شود.

    تگ <dd> در رابطه با تگ <dl> (ایجاد کننده لیست های تعریفی) و <dt> (ایجاد عنصر یا نامی از یک فهرست تعریفی) استفاده می شود.

    شما می توانید در داخل تگ <dd> پاراگراف ها، پرش به خط بعد، عکس ها، پیوند ها، لیست ها و...قرار دهید.

    پشتیبانی مرورگرها از تگ dd در HTML

    عنصر          
    <dd> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    در HTML 4.01، تگ <dd> به منظور توصیف یک آیتم در لیست توضیحات استفاده می شد.

    در HTML5، تگ <dd> به منظور توصیف یک نام یا عبارت استفاده می شود. 

    ویژگی های عمومی تگ dd در HTML

    تگ <dd> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ dd در HTML

    تگ <dd> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

     آموزش HTML-لیست ها 

    READ MORE

  • تگ del در HTML

    21 شهریور 1397

    مثال (تگ del در HTML)

    یک قسمت از متن حذف شده و قسمت جدیدی به آن اضافه شده:

    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ del در HTML

    تگ <del> یک قسمت از متن را که از سند حذف شده است نمایش می دهد.

    پشتیبانی مرورگرها از تگ del در HTML

    عنصر          
    <del> بله بله بله بله بله

    نکته ها و ترفندها

    نکته: همچنین به تگ <ins> جهت نشانه گذاری متن نگاهی بیندازید.

    نکته: استفاده از دو تگ <del> و <ins> به منظور نشانه گذاری متن حذف شده و سایر تغییرات ایجاد شده می باشد. مرورگر ها به طور معمول یک خط از متن حذف شده را هدف قرار داده و متن حذف شده را زیر خط دار می کنند.

    تفاوت بین HTML 4.01 و HTML5

    تفاوتی وجود ندارد.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    cite URL مشخص کننده یک URL برای سند و دلیل حذف شدن متن مورد نظر را توضیح می دهد.
    datetime YYYY-MM-DDThh:mm:ssTZD مشخص می کند که متن در چه تاریخ و زمانی حذف شده است.

    ویژگی های عمومی تگ del در HTML

    تگ <del> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ del در HTML

    تگ <del> از-رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ del در JavaScript

    READ MORE

  • تگ dfn در HTML

    21 شهریور 1397

    مثال (تگ dfn در HTML)

    قالب متن در یک سند:

    <dfn>Definition term</dfn>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ dfn در HTML

    تگ <dfn> یک تگ تعریفی است و یک عبارت تعریفی را مشخص می کند.

    نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.

    همه تگ های تعریفی:

    Tag توضیحات
    <em> متن را به صورت emphasized نمایش می دهد.
    <strong> متن را به صورت strong نمایش می دهد.
    <dfn> جهت تعریف definition term
    <code> متن را به صورت computer code نمایش می دهد.
    <samp> متن را به صورت sample computer code نمایش می دهد.
    <kbd> متن را به صورت keyboard نمایش می دهد.
    <var> متن را به صورت variable نمایش می دهد.

    پشتیبانی مرورگرها از تگ dfn در HTML

    عنصر          
    <dfn> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تفاوتی وجود ندارد.

    ویژگی های عمومی تگ dfn در HTML

    تگ <dfn> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ dfn در HTML

    تگ <dfn> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-فرمت دهی متن

    READ MORE

  • تگ div در HTML

    21 شهریور 1397

    مثال (تگ div در HTML)

    یک قسمتی در سند HTML که به رنگ آبی است:

    <div style="color:#0000FF">
      <h3>This is a heading</h3>
      <p>This is a paragraph.</p>
    </div>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ div در HTML

    تگ <div> یک قسمت یا بخشی را در سند HTMLمشخص می کند.

    تگ <div> برای گروه بندی عناصر بلوک استفاده می شود تا بتوان آن ها را با CSSفرمت کرد.

    پشتیبانی مرورگرها از تگ div در HTML

    عنصر          
    <div> بله بله بله بله بله

    نکته ها و ترفندها

    نکته: تگ <div> اغلب با CSS همراه است که برای طرح بندی یک صفحه وب بکار می رود .

    نکته: مرورگر همیشه یک خط قبل و بعد از عنصر <div> را نمایش می دهد. که با کمک CSS می توان آن را تغییر داد.

    تفاوت بین HTML 4.01 و HTML5

    صفت align در HTML5 پشتیبانی نمی شود.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align left
    right
    center
    justify    		 در HTML5 پشتیبانی نمی شود.
     مشخص می کند اجزای درون عنصر <div> چگونه تنظیم شود.

    ویژگی های عمومی تگ div در HTML

    تگ <div> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ div در HTML

    تگ <div> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-عنصر div 

    مرجع اشیاء اچ تی ام ال: تگ div در JavaScript

    READ MORE

  • تگ dt در HTML

    21 شهریور 1397

    مثال (تگ dt در HTML)

    یک لیست توضیحات:

    <dl>
      <dt>Coffee</dt>
        <dd>Black hot drink</dd>
      <dt>Milk</dt>
        <dd>White cold drink</dd>
    </dl>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ dt در HTML

    تگ <dt> یک عبارت یا اسم را در لیست توضیحات مشخص می کند.

    تگ <dt> به همراه تگ <dl> (لیست های تعریفی را مشخص می کند) و <dd>  (که آیتم های موجود در لیست را توضیح می دهد) استفاده می شود.

    پشتیبانی مرورگرها از تگ dt در HTML

    عنصر          
    <dt> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    در HTML 4.01، تگ <dt> یک آیتم در لیست تعریفی مشخص می کند.

    در HTML5، تگ <dt> یک عبارت یا اسم در لیست توضیحات مشخص می کند. 

    ویژگی های عمومی تگ dt در HTML

    تگ <dt> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ dt در HTML

    تگ <dt> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-لیست ها

    READ MORE

  • تگ embed در HTML

    21 شهریور 1397

    مثال (تگ embed در HTML)

    یک flash animation جاسازی شده:

    <embed src="helloworld.swf">

    خودتان امتحان کنید »

    تعریف و کاربرد تگ embed در HTML

    تگ <embed> یک قالب برای یک برنامه خارجی و یا محتوای تعاملی را تعریف می کند(a plug-in).

    پشتیبانی مرورگرها از تگ embed در HTML

    عنصر          
    <embed> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تگ <embed> یک تگ جدید در HTML5 است.

    نکته: بیشتر مرورگرها از تگ <embed> در مدت زمان طولانی است که حمایت می کنند. با این حال، تگ <embed> بخشی از مشخصات HTML 4 نبوده. و اگر این تگ را در HTML 4 استفاده کنید صفحه شما فاقد اعتبار است.فقط زمانی صفحه شما اعتبار دارد که در HTML 5 استفاده شود.

    خصوصیت ها

    جدید در HTML5.

    خصوصیت مقدار توضیحات
    height pixels مشخص کننده height موجود در تگ <embed>
    src URL مشخص کننده آدرس فایل خارجی در تگ <embed>
    type media_type مشخص کننده  media type موجود در تگ <embed>
    width pixels مشخص کننده width موجود در تگ <embed>

    ویژگی های عمومی تگ embed در HTML

    تگ <embed> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ embed در HTML

    تگ <embed> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال:تگ embed در JavaScript 

    READ MORE

  • تگ fieldset در HTML

    21 شهریور 1397

    مثال (تگ fieldset در HTML)

    گروهی از عناصر مرتبط در یک فرم:

    <form>
      <fieldset>
        <legend>Personalia:</legend>
        Name: <input type="text"><br>
        Email: <input type="text"><br>
        Date of birth: <input type="text">
      </fieldset>
    </form>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ fieldset در HTML

    تگ <fieldset> عناصر مرتبط در یک فرم را گروه بندی می کند.

    تگ <fieldset> یک چارچوب اطراف عناصر مرتبط رسم می کند.

    پشتیبانی مرورگرها از تگ fieldset در HTML

    عنصر          
    <fieldset> بله بله بله بله بله

    نکته ها و ترفندها

    نکته: تگ <legend> یک عنوان یا caption برای تگ <fieldset> مشخص می کند.

    تفاوت بین HTML 4.01 و HTML5

    در HTML5 ویژگی های جدیدی برای عنصر <fieldset> اضافه شده است.

    خصوصیت ها

    جدید در HTML5.

    خصوصیت مقدار توضیحات
    disabled disabled مشخص می کند که گروهی از عناصر مرتبط در فرم باید غیر فعال شوند.
    form form_id مشخص کننده یک یا بیشتر فرم هایی که fieldset به آنها تعلق دارد.
    name text مشخص کننده یک name برای fieldset

    ویژگی های عمومی تگ fieldset در HTML

    تگ <fieldset> از خصوصیت های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ fieldset در HTML

    تگ <fieldset> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ fieldset در JavaScript 

    READ MORE

  • تگ figcaption در HTML

    21 شهریور 1397

    مثال (تگ figcaption در HTML)

    استفاده از عنصر <figure> برای نشانه گذاری یک عکس در یک سند HTML و همچنین تنظیم یک عنوان برای عکس با استفاده از  عنصر <figcaption>:

    <figure>
      <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
      <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
    </figure>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ figcaption در HTML

    تگ <figcaption> یک عنوان یا caption برای عنصر <figure> تعریف می کند.

    تگ <figcaption> می تواند به عنوان اولین یا آخرین فرزند عنصر <figure> قرار گیرد.

    پشتیبانی مرورگرها از تگ figcaption در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <figcaption> 6.0 9.0 4.0 5.0 11.1

    تفاوت بین HTML 4.01 و HTML5

    تگ <figcaption> یک تگ جدید در HTML5 است.

    ویژگی های عمومی تگ figcaption در HTML

    تگ <figcaption> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ figcaption در HTML

    تگ <figcaption> از رویدادهای عمومی در HTML پشتیبانی می کند.

    READ MORE

  • تگ font در HTML

    21 شهریور 1397

    مثال (تگ font در HTML)

    تعیین font size ،font face و color برای یک متن:

    <font size="3" color="red">This is some text!</font>
    <font size="2" color="blue">This is some text!</font>
    <font face="verdana" color="green">This is some text!</font>

    خودتان امتحان کنید

    تعریف و کاربرد تگ font در HTML

    تگ <font> در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

    تگ <font> مشخص کننده font face ،font size و color برای یک متن است.

    پشتیبانی مرورگرها از تگ font در HTML

    عنصر          
    <font> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تگ <font> در HTML5 پشتیبانی نمی شود.

    مثال

     خودتان امتحان کنید - مثال

    مثال CSS: نحوه تنظیم رنگ متن

    مثال CSS: نحوه تنظیم فونت متن

    مثال CSS: نحوه تنظیم سایز فونت

    مطالعه بیشتر درباره: آموزش CSS-استایل دهی فونت و آموزش CSS-استایل دهی متن .

    خصوصیت های اختیاری

    خصوصیت مقدار توضیحات
    color rgb(x,x,x)
    #xxxxxx
    colorname    		 در HTML5 پشتیبانی نمی شود.
     مشخص کننده color در یک متن
    face font_family در HTML5 پشتیبانی نمی شود.
     مشخص کننده font در یک متن
    size number در HTML5 پشتیبانی نمی شود.
     مشخص کننده size در یک متن
    READ MORE

  • تگ footer در HTML

    21 شهریور 1397

    مثال (تگ footer در HTML)

    یک پانویس در بخشی از یک سند:

    <footer>
      <p>Posted by: Hege Refsnes</p>
      <p>Contact information: <a href="mailto:این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید">
      این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید</a>.</p>
    </footer>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ footer در HTML

    تگ <footer> یک پانویس برای یک سند یا یک بخش تعریف می کند.

    تگ <footer> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.

    تگ <footer> به طور معمول شامل نام نویسنده سند، کپی رایت، لینک ها به واژه های مورد استفاده، اطلاعات تماس، و... می باشد.

    شما می توانید چندین عنصر  <footer> در یک سند داشته باشید.

    پشتیبانی مرورگرها از تگ footer در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <footer> 6.0 9.0 4.0 5.0 11.1

    تفاوت بین HTML 4.01 و HTML5

    تگ <footer> یک تگ جدید در HTML5 است.

    نکته ها و ترفندها

    نکته: اطلاعات مربوط به تماس داخل تگ <footer>، باید داخل عنصر <address> قرار گیرد.

    ویژگی های عمومی تگ footer در HTML

    تگ <footer> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ footer در HTML

    تگ <footer> از رویدادهای عمومی در HTML پشتیبانی می کند.

    READ MORE

  • تگ form در HTML

    21 شهریور 1397

    مثال (تگ form در HTML)

    یک فرم  HTML با دو فیلد input و یک دکمه submit:

    <form action="demo_form.asp" method="get">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
      <input type="submit" value="Submit">
    </form>

    خودتان امتحان کنید »

    شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

    تعریف و کاربرد تگ form در HTML

    تگ <form> به منظور ایجاد یک فرم HTML، برای دریافت ورودی از سمت کاربر استفاده می شود.

    تگ <form> می تواند یک یا چند عنصر از عناصر فرم زیر را شامل شود:

    پشتیبانی مرورگرها از تگ form در HTML

    عنصر          
    <form> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    ویژگی های جدیدی در HTML5 اضافه شده که شامل: autocomplete و novalidate و یک ویژگی از آن حذف شده که شامل: accept است.

    تفاوت بین  HTML  و  XHTML

    در XHTML، صفت name استفاده نمی شود. به جای آن از ویژگی عمومی یعنی Id استفاده می کنیم.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    accept file_type در HTML5 پشتیبانی نمی شود.
    مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند).
    accept-charset character_set کد کردن کاراکترها که برای ارسال فرم ها به کار می رود را مشخص می کند.
    action URL مشخص می کند هنگام ارسال فرم، داده های فرم به کجا فرستاده شوند.
    autocomplete on
    off    		 مشخص می کند که قابلیت autocomplete فعال باشد یا خیر.
    enctype application/x-www-form-urlencoded
    multipart/form-data
    text/plain    		 مشخص می کند هنگام ارسال فرم به سرور داده های فرم چگونه باید رمز گذاری شود (تنها برای زمانی که متد ارسال "post" باشد).
    method get
    post    		 مشخص می کند که از چه متد HTTP  در هنگام ارسال داده های فرم استفاده کنیم.
    name text مشخص کننده یک name برای فرم است.
    novalidate novalidate مشخص می کند به هنگام ارسال احتیاجی نیست فرم اعتبار سنجی شود.
    target _blank
    _self
    _parent
    _top    		 مشخص می کند پس از ارسال فرم به سرور، پاسخ دریافت شده در کجا نمایش داده شود. (در صفحه جاری یا یک صفحه جدید و...)

    ویژگی های عمومی تگ form در HTML

    تگ <form> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ form در HTML

    تگ <form> از رویدادهای عمومی در HTML پشتیبانی می کند.

    مثال

     خودتان امتحان کنید - مثال

     

    Form with checkboxes
     چگونه یک فرم با دو checkbox و یک دکمه submit ایجاد کنیم.

    Form with radiobuttons
     چگونه یک فرم با دو radio button و یک دکمه submit ایجاد کنیم.

    آموزش های مرتبط

    آموزش HTML-فرم ها 

    مرجع اشیاء اچ تی ام ال: تگ form در JavaScript 

    READ MORE

  • تگ frame در HTML

    21 شهریور 1397

    مثال (تگ frame در HTML)

    یک صفحه ساده با سه frame:

    <frameset cols="25%,50%,25%">
      <frame src="frame_a.htm">
      <frame src="frame_b.htm">
      <frame src="frame_c.htm">
    </frameset>

    خودتان امتحان کنید »

    شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

    تعریف و کاربرد تگ frame در HTML

    تگ <frame> در HTML5 پشتیبانی نمی شود.

    تگ <frame> یک پنجره خاص (قاب) را  در یک <frameset> تعریف می کند.

    هر <frame> داخل <frameset> می تواند ویژگی های مختلفی از جمله: border ،scrolling و ability to resize (قابلیت تغییر سایز) و... داشته باشد.

    نکته: اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که <DOCTYPE>  به یکی از دو حالت  "HTML Frameset DTD" یا "XHTML Frameset DTD" تنظیم شده باشد.

    پشتیبانی مرورگرها از تگ frame در HTML

    عنصر          
    <frame> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تگ <frame> در HTML5 پشتیبانی نمی شود.

    Differences Between HTML and XHTML

    در HTML، تگ <frame> تگ پایانی ندارد. در XHTML، تگ <frame> باید با یک تگ پایانی بسته شود.

    خصوصیت های اختیاری

    خصوصیت مقدار توضیحات
    frameborder 0
    1    		 در HTML5 پشتیبانی نمی شود.
    مشخص می کند که border اطراف frame نمایش داده شود یا نه.
    longdesc URL در HTML5 پشتیبانی نمی شود.
    مشخص کننده آدرس صفحه ای حاوی توضیحات کامل در را بطه با محتویات frame
    marginheight pixels درHTML5 پشتیبانی نمی شود.
    مشخص کننده حاشیه بالا یا پایین برای frame
    marginwidth pixels در HTML5 پشتیبانی نمی شود.
    مشخص کننده حاشیه چپ یا راست برای frame
    name text درHTML5 پشتیبانی نمی شود.
    مشخص کننده یک name برای frame
    noresize noresize در HTML5 پشتیبانی نمی شود
    مشخص می کند که  frame قابلیت resizable ( تغییر سایز) را ندارد.
    scrolling yes
    no
    auto    		 در HTML5 پشتیبانی نمی شود.
    مشخص می کند که scrollbars در frame نمایش داده شود یا خیر.
    src URL در HTML5 پشتیبانی نمی شود.
    مشخص کننده  URL یک سندی که در frame نمایش داده می شود.

    خودتان امتحان کنید - مثال

     

    Horizontal frameset
     چگونه یک frameset افقی با سه سند متفاوت ایجاد کنیم.

    Mixed frameset
     چگونه از frameset برای سه documents استفاده کنیم و چگونه آنها در سطر و ستون میکس کنیم.

    Frameset with noresize="noresize" 
     چگونه از ویژگی "noresize" استفاده کنیم و همچنین border بین فریم A و B قابل اندازه بندی مجدد نیست.

    READ MORE

  • تگ frameset در HTML

    21 شهریور 1397

    مثال (تگ frameset در HTML)

    یک صفحه ساده با سه frame:

    <frameset cols="25%,*,25%">
      <frame src="frame_a.htm">
      <frame src="frame_b.htm">
      <frame src="frame_c.htm">
    </frameset>

    خودتان امتحان کنید »

     در انتهای این مطلب، مثال های بیشتری آورده شده است.

    تعریف و کاربرد تگ frameset در HTML

    تگ <frameset> در HTML5 پشتیبانی نمی شود.

    تگ <frameset> یک قاب را تعریف می کند.

    تگ <frameset> یک یا چند عنصر <frame> را شامل می شود. هر عنصر <frame> می تواند حاوی سندی جداگانه باشد.

    تگ <frameset> مشخص می کند که چه تعداد ستون یا ردیف باید در قاب قرار گیرد، هر کدام چند درصد / پیکسل از فضا را اشغال کند.

    نکته: اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که <DOCTYPE> به یکی از دو حالت  "HTML Frameset DTD" یا "XHTML Frameset DTD" تنظیم شده باشد.

    پشتیبانی مرورگرها از تگ frameset در HTML

    عنصر          
    <frameset> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تگ <frameset> در HTML5 پشتیبانی نمی شود.

    Differences Between HTML and XHTML

    تفاوتی وجود ندارد.

    خصوصیت های اختیاری

    خصوصیت مقدار توضیحات
    cols pixels
    %
    *    		 در HTML5 پشتیبانی نمی شود.
    مشخص کننده تعداد و سایز ستون های موجود در frameset است.
    rows pixels
    %
    *    		 درHTML5 پشتیبانی نمی شود.
    مشخص کننده تعداد و سایز سطرهای موجود در frameset است.

    خودتان امتحان کنید - مثال

    Horizontal frameset
     چگونه یک frameset افقی با سه سند متفاوت ایجاد کنیم.

    Mixed frameset
     چگونه از frameset برای سه documents استفاده کنیم و چگونه آنها در سطر و ستون میکس کنیم.

    Frameset with noresize="noresize"
      چگونه از ویژگی "noresize" استفاده کنیم و همچنین border بین فریم A و B قابل اندازه بندی مجدد نیست.

    READ MORE

  • تگ head در HTML

    21 شهریور 1397

    مثال (تگ head در HTML)

    یک سند HTML، با یک تگ <title> مورد نیاز در head:

    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>

    خودتان امتحان کنید »

    در انتهای این مطلب، مثال های بیشتری آورده شده است.

    تعریف و کاربرد تگ head در HTML

    تگ <head> یک ظرف برای همه عناصر عنوان است.

    تگ <head> باید شامل یک title برای سند باشد و می تواند شامل script ها باشد، مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره..

    عناصر زیر می توانند در داخل <head> قرار گیرند:

    پشتیبانی مرورگرها از تگ head در HTML

    عنصر          
    <head> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    صفت profile در HTML5 پشتیبانی نمی شود.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    profile URL در HTML5 پشتیبانی نمی شود.
    یک URL برای سندی که شامل مجموعه ای از قوانین است را مشخص می کند. این قوانین می توانند توسط مرورگرها قابل خواندن باشند تا به روشنی اطلاعات موجود در صفت content  در تگ <meta> را درک کنند.

    ویژگی های عمومی تگ head در HTML

    تگ <head> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    مثال

    خودتان امتحان کنید - مثال

     

    Use of the <base> tag in <head>
     نحوه استفاده از تگ <base> در داخل تگ <head> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.

    Use of the <style> tag in <head>
     چگونگی اضافه کردن اطلاعات style به تگ <head>.

    Use of the <link> tag in <head>
     چگونگی استفاده از تگ <link> برای لینک کردن به CSS خارجی.

    آموزش های مرتبط

    آموزش HTML-بخش Head

    تنظیمات پیش فرض CSS

    بیشتر مرورگرها  عنصر <head> را با مقادیر پیش فرض زیر نشان می دهند:

    head {
        display: none;
    }
    READ MORE

  • تگ header در HTML

    21 شهریور 1397

    مثال (تگ header در HTML)

    یک هدر برای تگ <article>:

    <article>
      <header>
        <h1>Internet Explorer 9</h1>
        <p><time pubdate datetime="2011-03-15"></time></p>
      </header>
      <p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
      the  public on March 14, 2011 at 21:00 PDT.....</p>
    </article>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ header در HTML

    تگ <header> به یک بخش یا سند، یک هدر اختصاص می دهد.

    تگ <header> باید به عنوان یک ظرف برای محتوای مقدماتی و یا مجموعه ای از لینک های navigation استفاده شود.

    شما می توانید در یک سند چندین عنصر <header> داشته باشید. 

    نکته: یک تگ  <header> را نمی توان داخل <footer> و <address> یا عناصر <header> دیگر قرار داد.

    پشتیبانی مرورگرها از تگ header در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <header> 6.0 9.0 4.0 5.0 11.1

    تفاوت بین HTML 4.01 و HTML5

    تگ <header> یک تگ جدید در HTML5 است.

    ویژگی های عمومی تگ header در HTML

    تگ <header> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ header در HTML

    تگ <header> از رویدادهای عمومی در HTMLپشتیبانی می کند.

    تنظیمات پیش فرض  CSS

    بیشتر مرورگرها  عنصر <header> را با مقادیر پیش فرض زیر نشان می دهند:

    header {
        display: block;
    }
    READ MORE

  • تگ hr در HTML

    21 شهریور 1397

    مثال (تگ hr در HTML)

    استفاده از تگ <hr> برای یک تغییر موضوعی در محتوا:

    <h1>HTML</h1>
    <p>HTML is a language for describing web pages.....</p>

    <hr>

    <h1>CSS</h1>
    <p>CSS defines how to display HTML elements.....</p>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ hr در HTML

    تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع).

    تگ <hr> برای جدا کردن محتوا (و یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود.

    پشتیبانی مرورگرها از تگ hr در HTML

    عنصر          
    <hr> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    در HTML5، تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود.

    در HTML 4.01، تگ <hr> نشان دهنده یک خط افقی است.

    به هر حال ممکن است تگ <hr> هنوز هم به عنوان یک خط افقی در مرورگرهای بصری نمایش داده شود، اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

    تمام ویژگی های طرح در  HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

    تفاوت بین  HTML  و  XHTML

    در HTML، تگ <hr> تگ پایانی ندارد.

    در XHTML، تگ <hr> با یک تگ پایانی بسته می شود، مانند: <hr />.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align left
    center
    right    		 در HTML5 پشتیبانی نمی شود.
     جهت قرارگیری عنصر <hr> را مشخص می کند.
    noshade noshade در HTML5 پشتیبانی نمی شود.
     مشخص می کند که عنصر <hr> در یک رنگ ساده نمایش داده شود. (بدون سایه)
    size pixels در HTML5 پشتیبانی نمی شود.
     ارتفاع عنصر <hr> را مشخص می کند
    width pixels
    %    		 در HTML5 پشتیبانی نمی شود.
     عرض عنصر <hr> را مشخص می کند.

    ویژگی های عمومی تگ hr در HTML

    تگ <hr> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ hr در HTML

    تگ <hr> از رویدادهای عمومی در HTML پشتیبانی می کند.

    تنظیمات پیش فرض  CSS

    بیشتر مرورگرها عنصر <hr> را با مقادیر پیش فرض زیر نشان می دهند:

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
    }
    READ MORE

  • تگ html در HTML

    21 شهریور 1397

    مثال (تگ html در HTML)

    یک مثال ساده از سند HTML5:

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ html در HTML

    تگ <html> به مرورگر می گوید که این سند یک سند HTMLاست.

    تگ <html> ریشه یک سند HTML را نمایش می دهد.

    تگ <html> ظرفی برای تمام عناصر HTML است. (به غیر از اعلان <DOCTYPE> )

    پشتیبانی مرورگرها از تگ html در HTML

    عنصر          
    <html> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    در HTML5 صفت جدید manifest اضافه شده است.

    تفاوت بین HTML و XHTML

    خصوصیت xmlns در XHTML لازم است، اما در HTML معتبر نیست.

    با این حال اعتبارسنج HTML در http://w3.org نسبت به از قلم انداختن xmlns ها در اسناد XHTML شکایتی نمی کند، زیرا فضای نام xmlns=http://www.w3.org/1999/xhtml به طور پیش فرض (حتی اگر شما آن را اضافه نکرده باشید) به تگ <html> اضافه خواهد شد.

    خصوصیت ها

    = جدید در  HTML5.

    خصوصیت مقدار توضیحات
    manifest URL  آدرس  ذخیره سند را جهت نمایش مشخص می کند. (برای مرورگرهای آنلاین )
    xmlns http://www.w3.org/1999/xhtml فضای نام صفت XML را مشخص می کند. (اگر شما بخواهید مطالب مطابق XHTML باشد)

    ویژگی های عمومی تگ html در HTML

    تگ <html> از ویژگی های عمومی در HTML پشتیبانی می کند.

    READ MORE

  • تگ img در HTML

    21 شهریور 1397

    مثال (تگ img در HTML)

    چگونگی وارد کردن یک تصویر:

    <img src="smiley.gif" alt="Smiley face" height="42" width="42">

    خودتان امتحان کنید »

    در انتهای این آموزش، مثال های بیشتری آورده شده است.

    تعریف و کاربرد تگ img در HTML

    تگ <img> یک تصویر در صفحه HTML تعریف می کند.

    تگ <img> دو خصوصیت الزامی دارد که شامل: src و alt است.

    نکته: از لحاظ فنی تصاویر داخل سند HTMLقرار داده نمی شوند، بلکه تصاویر به سند HTML لینک می شوند. تگ <img> فضایی برای نمایش تصویر ایجاد می کند.

    نکته: برای لینک کردن یک تصویر به آسانی می توان تگ <img> را در تگ <a> قرار داد.

    پشتیبانی مرورگرها از تگ img در HTML

    عنصر          
    <img> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    خصوصیت های: align ،border ،hspace ،longdesc و vspace در HTML5 پشتیبانی نمی شود.

    تفاوت بین  HTML و XHTML

    در HTML تگ <img> تگ پایانی ندارد.

    در XHTML تگ <img> باید با یک تگ پایانی بسته شوند.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    align top
    bottom
    middle
    left
    right    		 در HTML5 پشتیبانی نمی شود.
    نحوه تراز بندی <img> نسبت به عناصر اطراف را مشخص می کند.
    alt text خصوصیت alt یک alternate text یا "متن جایگزین" را برای یک تصویر مشخص می کند.
    border pixels در HTML5 پشتیبانی نمی شود.
    ضخامت (border) اطراف عکس را مشخص می کند.
    crossorigin anonymous
    use-credentials    		 اجازه می دهد با استفاده از canvas که تصاویری که متعلق به سایت های سوم شخص است و اجازه دسترسی متقابل به مبدا را می دهند، نمایش داده شود. 
    height pixels برای مشخص کردن طول یک عکس استفاده می شود.
    hspace pixels در HTML5 پشتیبانی نمی شود.
     فضای خالی طرف راست و چپ تصویر را مشخص می کند.
    ismap ismap تصویر را به عنوان یک image-map سمت سرور مشخص می کند.
    longdesc URL در HTML5 پشتیبانی نمی شود.
    مسیر فایلی که اطلاعات کاملی در رابطه با عکس مورد نظر نگهداری می کند را مشخص می کند.
    src URL URL تصویر را مشخص می کند.
    usemap #mapname یک تصویر را به عنوان یک image-map سمت کاربر مشخص می کند.
    vspace pixels در HTML5 پشتیبانی نمی شود.
     فضای خالی بالا و پایین یک تصویر را مشخص می کند.
    width pixels برای مشخص کردن عرض یک عکس استفاده می شود.

    ویژگی های عمومی تگ img در HTML

    تگ <img> از ویژگی های عمومی در HTML پشتیبانی می کند..

    رویدادهای عمومی تگ img در HTML

    تگ <img> از رویدادهای عمومی در HTML پشتیبانی می کند.

    مثال

    خودتان امتحان کنید - مثال

     

    Insert images from different locations
     نحوه درج تصویر از پوشه ای دیگر یا از سروری دیگر.

    Make a hyperlink of an image
     چگونه از یک تصویر به عنوان لینک استفاده کنیم.

    Create an image map
     چگونه یک image map با ناحیه بندی متفاوت ایجاد کنیم که با کلیک روی هر ناحیه یک لینک اجرا شود.

    آموزش های مرتبط

    آموزش HTML-تصاویر 

    مرجع اشیاء اچ تی ام ال: تگ img در JavaScript 

    READ MORE

  • تگ input در HTML

    21 شهریور 1397

    مثال (تگ input در HTML)

    یک فرم HTML با سه فیلد input، دو text fields و یک دکمه submit:

    <form action="demo_form.asp">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
      <input type="submit" value="Submit">
    </form>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ input در HTML

    تگ <input> مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.

    عنصر <input> به منظور اعلام کنترل ورودی داخل عنصر <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.

    یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.

    پشتیبانی مرورگرها از تگ input در HTML

    عنصر          
    <input> بله بله بله بله بله

    نکته ها و ترفندها

    نکته: عنصر <input> خالی بوده و تنها شامل ویژگی ها می باشد.

    نکته: استفاده از عنصر <label> برای تعریف یک برچسب برای عنصر <input> است.

    تفاوت بین HTML 4.01 و HTML5

    ویژگی "align" در HTML5 پشتیبانی نمی شود.

    در HTML5، تگ  <input> چندین ویژگی جدید دارد و برای ویژگی type چندین مقدار جدید تعریف شده است.

    تفاوت بین  HTML و XHTML

    در HTML، تگ <input> تگ پایانی ندارد.

    در XHTML، تگ <input> باید با یک تگ پایانی بسته شود. مانند: <input />

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    accept file_extension
    audio/*
    video/*
    image/*
    media_type

    مشخص کننده نوع فایلی که سرور آن را می پذیرد.

    (فقط برای نوع  "file")
    align left
    right
    top
    middle
    bottom

    در HTML5 پشتیبانی نمی شود.

    مشخص می کند که image input در چه جهتی تراز شود.

    (فقط برای نوع "image")
    alt text برای image یک متن جایگزین مشخص می کند.                   (فقط برای نوع  "image")
    autocomplete on
    off    		 این خصوصیت مشخص می کند که مقادیر یک فرم یا یک فیلد متنی بصورت اتوماتیک پر شود یا نه.
    autofocus autofocus این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
    checked checked مشخص می کند که عنصر <input > در هنگام لود شدن صفحه به صورت پیش فرض انتخاب شده باشد.
    (برای نوع "checkbox" یا "radio")
    disabled disabled مشخص می کند که عنصر <input> باید غیر فعال باشد.
    form form_id این خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
    formaction URL آدرس فایلی که مقادیر کنترل های ورودی بعد از ارسال در آن پردازش می شوند را مشخص می کند.( برای انواع ورودی submit و image استفاده می شود)
    formenctype application/x-www-form-urlencoded
    multipart/form-data
    text/plain    		 چگونگی رمز کردن داده های فرم، هنگام ارسال را مشخص می کند.(برای انواع ورودی submit و image استفاده می شود)
    formmethod get
    post    		 مشخص می کند که ارسال اطلاعات از فرم HTML به سرور به چه شکل باشد. (برای انواع ورودی submit و image استفاده می شود)
    formnovalidate formnovalidate این خصوصیت نشان می دهد که فیلدهای ورودی برای ارسال به سرور نیاز به اعتبارسنجی ندارد.
    formtarget _blank
    _self
    _parent
    _top
    framename    		 نشان می دهد، پاسخی که از سرور دریافت شده است کجا نمایش داده شود. (برای انواع ورودی submit و image استفاده می شود)
    height pixels ارتفاع عنصر  <input> را مشخص می کند.
     (فقط برای نوع "image")
    list datalist_id این خصوصیت یک datalist را به یک فیلد متنی متصل می کند.
    max number
    date    		 مقدار maximum برای عنصر <input> را مشخص می کند.
    maxlength number تعداد maximum کاراکتری که عنصر <input> در خود جای می دهد.
    min number
    date    		 مقدار minimum برای عنصر<input> را مشخص می کند.
    multiple multiple مشخص می کند که کاربر می تواند بیش از یک مقدار در عنصر   <input> وارد کند.
    name text یک نام برای عنصر <input> مشخص می کند.
    pattern regexp الگویی برای بررسی اعتبار یک فیلد ورودی مشخص می کند.
    placeholder text یک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
    readonly readonly مشخص می کند که فیلد input فقط خواندنی است.
    required required مشخص می کند که پر کردن فیلد input قبل از ارسال فرم باید انجام شود. 
    size number مشخص می کند که چه تعداد کاراکتر در عنصر<input> جای کیرد. 
    src URL مشخص کننده URL تصویری که به عنوان دکمه ارسال استفاده می شود.(فقط برای نوع "image")
    step number تعداد فواصل قانونی برای یک فیلد input را مشخص می کند.         
    type button
    checkbox
    color
    date
    datetime
    datetime-local
    email
    file
    hidden
    image
    month
    number
    password
    radio
    range
    reset
    search
    submit
    tel
    text
    time
    url
    week    		 مشخص کننده نوع عنصر<input> و اینکه چگونه نمایش داده شود.
    value text برای عنصر <input> مقداری را مشخص می کند.
      
    width pixels عرض عنصر <input> را مشخص می کند.                      (فقط برای نوع "image")

    ویژگی های عمومی تگ input در HTML

    تگ <input> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ input در HTML

    تگ <input> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-فرم ها 

    مرجع اشیاء اچ تی ام ال:

    READ MORE

  • تگ kbd در HTML

    21 شهریور 1397

    مثال (تگ kbd در HTML)

    فرمت دهی متن در یک سند:

    <kbd>Keyboard input</kbd>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ kbd در HTML

    تگ <kbd> یک تگ عبارتی است و ورودی صفحه کلید را مشخص می کند.

    نکته: استفاده از این تگ توصیه نمی شود، اما برای رسیدن به نتایج بهتر از CSS استفاده می کنیم.

    تمام تگ های عبارتی:

    Tag توضیحات
    <em> متن را به صورت emphasized نمایش می دهد.
    <strong> متن را به صورت strong نمایش می دهد.
    <dfn> جهت تعریف definition term
    <code> متن را به صورت computer code نمایش می دهد.
    <samp> متن را به صورت sample computer code نمایش می دهد.
    <kbd> متن را به صورت keyboard نمایش می دهد.
    <var> متن را به صورت variable نمایش می دهد.

    پشتیبانی مرورگرها از تگ kbd در HTML

    عنصر          
    <kbd> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    تفاوتی وجود ندارد.

    ویژگی های عمومی تگ kbd در HTML

    تگ <kbd> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ kbd در HTML

    تگ <kbd> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    آموزش HTML-فرمت دهی متن

    READ MORE

  • تگ keygen در HTML

    21 شهریور 1397

    مثال (تگ keygen در HTML)

    یک فرم با فیلد keygen:

    <form action="demo_keygen.asp" method="get">
      Username: <input type="text" name="usr_name">
      Encryption: <keygen name="security">
      <input type="submit">
    </form>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ keygen در HTML

    تگ <keygen> یک مولد کلیدی جفت، مورد استفاده برای فرم ها ایجاد می کند.

    تگ <keygen> برای فراهم کردن یک راه امن به منظور تایید هویت کاربران در فرم‌هایی نظیر ورود و ثبت نام می‌باشد.هنگامی که کاربر فیلد را پر می کند و ارسال می کند دو کلید  یک کلید خصوصی و یک کلید عمومی ایجاد می شود.

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

    پشتیبانی مرورگرها از تگ keygen در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <keygen> 1.0 پشتیبانی نمی شود 1.0 1.2 3.0

    تفاوت بین HTML 4.01 و HTML5

    تگ <keygen> یک تگ جدید در HTML5 است.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    autofocus autofocus مشخص می کند که عنصر <keygen> در هنگام لود شدن صفحه به طور خودکار بر روی آن تمرکز کند.
    challenge challenge مشخص می کند که عنصر <keygen> در هنگام ارسال باید به چالش کشیده شود.
    disabled disabled مشخص می کند که عنصر <keygen> باید غیر فعال شود.
    form form_id یک یا بیشتر فرم که عنصر <keygen> متعلق به آنها است.
    keytype rsa
    dsa
    ec    		 الگوریتم امنیتی کلید را مشخص می کند.
    name name یک نام برای عنصر <keygen> مشخص می کند.

    ویژگی های عمومی تگ keygen در HTML

    تگ <keygen> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ keygen در HTML

    تگ <keygen> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ keygen در JavaScript 

    READ MORE

  • تگ label در HTML

    21 شهریور 1397

    مثال (تگ label در HTML)

    استفاده از دو radio buttons با label های جدا:

    <form action="demo_form.asp">
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" value="male"><br>
      <label for="female">Female</label>
      <input type="radio" name="sex" id="female" value="female"><br>
      <input type="submit" value="Submit">
    </form>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ label در HTML

    تگ <label> یک برچسب برای عنصر  <input> تعریف می کند.

    تگ <label> به صورت خاصی برای کاربر ارائه نمی شود. با این حال قابلیت استفاده برای کاربرانی که از موس استفاده می کنند را ارتقا می دهد، اگر کاربر بر روی متن داخل عنصر <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود.

    برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قراردهیم .

    پشتیبانی مرورگرها از تگ label در HTML

    عنصر          
    <label> بله بله بله بله بله

    نکته ها و ترفندها

    نکته: یک label را می توان را با استفاده از خصوصیت "for"  یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.

    تفاوت بین HTML 4.01 و HTML5

    خصوصیت "form" یک خصوصیت جدید در HTML5 است.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    for element_id مشخص کننده id کنترلی است که label به آن تعلق دارد.
    form form_id یک یا بیشتر فرم  که label متعلق به آنهاست را مشخص می کند.

    ویژگی های عمومی تگ label در HTML

    تگ <label> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ label در HTML

    تگ <label> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ label در JavaScript 

    READ MORE

  • تگ legend در HTML

    21 شهریور 1397

    مثال (تگ legend در HTML)

    گروهی از عناصر مرتبط در یک فرم:

    <form>
      <fieldset>
        <legend>Personalia:</legend>
        Name: <input type="text" size="30"><br>
        Email: <input type="text" size="30"><br>
        Date of birth: <input type="text" size="10">
      </fieldset>
    </form>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ legend در HTML

    تگ <legend> یک عنوان یا caption برای عنصر <fieldset> مشخص می کند.

    پشتیبانی مرورگرها از تگ legend در HTML

    عنصر          
    <legend> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    صفت "align" در HTML5 پشتیبانی نمی شود.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align top
    bottom
    left
    right    		 در HTML5 پشتیبانی نمی شود.
     مشخص می کند که caption در چه جهتی تراز شود.

    ویژگی های عمومی تگ legend در HTML

    تگ  <legend> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ legend در HTML

    تگ <legend> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ legend در JavaScript 

    READ MORE

  • تگ li در HTML

    21 شهریور 1397

    مثال (تگ li در HTML)

    یک لیست ترتیبی (<ol>) و یک لیست غیر ترتیبی (<ul>) در فهرست HTML :

    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>

    خودتان امتحان کنید »

    شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

    تعریف و کاربرد تگ li در HTML

    تگ <li> آیتم های یک لیست را تعریف می کند.

    از تگ <li> در لیست های ترتیبی (<ol>) لیست های غیر ترتیبی (<ul>)، و در فهرست منو (<menu>) استفاده می شود.

    پشتیبانی مرورگرها از تگ li در HTML

    عنصر          
    <li> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    خصوصیت "type" در HTML5 پشتیبانی نمی شود.

    خصوصیت "value" در HTML 4.01 توصیه نمی شود اما در HTML5 پشتیبانی می شود.

    نکته ها و ترفندها

    نکته: برای مشخص کردن نوع لیست از CSSاستفاده می کنیم.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    type 1
    A
    a
    I
    i
    disc
    square
    circle    		 درHTML5 پشتیبانی نمی شود.
         نوع شمارشگر آیتم ها را مشخص می کند.
    value number آیتم های یک لیست را مشخص می کند. و مقدار سایر آیتم ها در ادامه از آن مقدار به بعد یکی یکی افزایش می یابد (فقط برای لیست های مرتب (<ol>) استفاده می شود)

    ویژگی های عمومی تگ li در HTML

    تگ <li> از ویژگی های عمومی در HTML پشتیبانی می کند.

    رویدادهای عمومی تگ li در HTML

    تگ <li> از رویدادهای عمومی در HTML پشتیبانی می کند.

    مثال

    خودتان امتحان کنید - مثال

     

    A nested list
     نمایش لیست های تو در تو.

    Another nested list
     نمایش لیست های تو در توی پیچیده تر.

    آموزش های مرتبط

    آموزش HTML-لیست ها

    مرجع اشیاء اچ تی ام ال: تگ li در JavaScript 

    READ MORE

  • تگ map در HTML

    21 شهریور 1397

    مثال (تگ map در HTML)

    یک  image-map، با نواحی قابل کلیک:

    <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

    <map name="planetmap">
      <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
      <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
      <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
    </map>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ map در HTML

    تگ <map> برای تعریف یک image-map (تصویر-نقشه) سمت سرویس گیرنده استفاده می شود. یک image-map تصویری است که نواحی مختلف آن قابل کلیک کردن است.

    خصوصیت الزامی name در تگ <map> با خصوصیت usemap در عنصر <img> مرتبط است. و یک ارتباط بین تصویر و نقشه ایجاد می کند.

    عنصر <map> شامل تعدادی عنصر <area> است که نواحی قابل کلیک در تصویر نقشه را ایجاد می کنند.

    پشتیبانی مرورگرها از تگ map در HTML

    عنصر          
    <map> بله بله بله بله بله

    تفاوت بین HTML 4.01 و HTML5

    نکته: در HTML5، اگر خصوصیت id برای تگ <map> مشخص کردید، باید مقدار آن با مقدار خصوصیت name برابر باشد.

    تفاوت بین HTML و XHTML

    در XHTML، خصوصیت name قدیمی شده است و حذف خواهد شد. به جای آن می توان از خصوصیت id استفاده کرد.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    name mapname الزامی است. یک نام برای image-map مشخص می کند.

    ویژگی های عمومی تگ map در HTML

    تگ <map> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ map در HTML

    تگ <map> از رویدادهای عمومی در HTML پشتیبانی می کند.

    آموزش های مرتبط

    مرجع اشیاء اچ تی ام ال: تگ map در JavaScript 

    READ MORE

  • تگ mark در HTML

    21 شهریور 1397

    مثال (تگ mark در HTML)

    برجسته کردن قسمت هایی از متن:

    <p>Do not forget to buy <mark>milk</mark> today.</p>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ mark در HTML

    تگ <mark> یک متن علامت گذاری شده را مشخص می کند.

    اگر شما می خواهید قسمتی از متن را برجسته کنید از تگ <mark> استفاده کنید.

    پشتیبانی مرورگرها از تگ mark در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <mark> 6.0 9.0 4.0 5.0 11.1

    تفاوت بین HTML 4.01 و HTML5

    تگ <mark> یک تگ جدید در HTML5 است.

    ویژگی های عمومی تگ mark در HTML

    تگ <mark> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ mark در HTML

    تگ <mark> از رویدادهای عمومی در HTML پشتیبانی می کند.

    READ MORE

  • تگ menu در HTML

    21 شهریور 1397

    مثال (تگ menu در HTML)

    یک منو با زمینه های مختلف عنصر <menuitem> :

    <menu type="context" id="mymenu">
      <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
      </menuitem>
      <menu label="Share on...">
        <menuitem label="Twitter" icon="ico_twitter.png"
        onclick=    "window.open('//twitter.com/intent/tweet?text='+window.location.href);">
        </menuitem>
        <menuitem label="Facebook" icon="ico_facebook.png"
        onclick=    "window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
        </menuitem>
      </menu>
      <menuitem label="Email This Page"
      onclick=    "window.location='mailto:?body='+window.location.href;"></menuitem>
    </menu>

    خودتان امتحان کنید »

    تعریف و کاربرد تگ menu در HTML

    تگ <menu> یک لیست یا منو از دستورات تعریف می کند.

    تگ <menu> برای منوهای زمینه ای، نوار ابزار و برای لیست کنترل های فرم و دستورات استفاده می شود.

    پشتیبانی مرورگرها از تگ menu در HTML

    اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

    عنصر          
    <menu> پشتیبانی نمی شود پشتیبانی نمی شود 8.0
    (only context menus)     		 پشتیبانی نمی شود پشتیبانی نمی شود

    نکته ها و ترفندها

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

    تفاوت بین HTML 4.01 و HTML5

    عنصر <menu> در HTML 4.01 توصیه نمی شود.

    عنصر <menu> در HTML5 دوباره تعریف شده است.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    label text یک label (برپسب) قابل رؤیت برای منو مشخص می کند.
    type popup
    toolbar
    context    		 مشخص می کند که چه نوع منویی نمایش داده شود.

    ویژگی های عمومی تگ menu در HTML

    تگ <menu> از ویژگی های عمومی در HTMLپشتیبانی می کند.

    رویدادهای عمومی تگ menu در HTML

    تگ <menu> از رویدادهای عمومی در HTML پشتیبانی می کند.

    READ MORE

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین - بانک ملت معرفی بیاموز در شبکه سه