سبد (0)

تگ ها در html

  • تگ small در HTML

    21 شهریور 1397

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

    نمایش یک متن کوچکتر:

    <p>W3Schools.com - the world's largest web development site.</p>
    <p><small>Copyright 1999-2050 by Refsnes Data</small></p>

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

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

    تگ <small> متن درونش را یک واحد کوچکتر از متون اطرافش مشخص می کند.

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

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

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

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

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

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

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

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

    READ MORE

  • تگ source در HTML

    21 شهریور 1397

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

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

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
      Your browser does not support the audio element.
    </audio>

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

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

    تگ <source> برای تعیین منابع چند رسانه ای برای عناصر رسانه هایی، مانند<video> و <audio> استفاده می شود.

    تگ <source> به شما اجازه می دهد که سورس های متفاوت صوتی یا ویدیویی برای مرورگر تعیین کنید تا بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند، یکی را انتخاب کند.

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

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

    عنصر          
    <source> 4.0 9.0 3.5 4.0 10.5

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

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

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    media media_query نوع منبع media را مشخص می کند.
    src URL آدرس فایل صوتی یا تصویری را مشخص می کند.
    type media_type نوع media را برای منبع  media مشخص می کند.

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

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

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

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

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

    آموزش HTML5-پخش ویدئو 

    آموزش HTML5-پخش صوت

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

    READ MORE

  • تگ span در HTML

    21 شهریور 1397

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

    استفاده از عنصر span برای متمایز کردن رنگ قسمتی از متن:

    <p>My mother has <span style="color:blue">blue</span> eyes.</p>

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

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

    تگ <span> یک عنصر درون خطی (inline) در سند است.

    تگ <span> بدون تغییرات بصری هیچ چیز در صفحه نشان نمی دهند.

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

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

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

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

    نکته: هنگامی که شما از تگ <span> استفاده می کنید، می توانید از ویژگی های CSSیا JavaScriptبرای این تگ استفاده کنید.

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

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

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

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

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

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

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

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

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

    READ MORE

  • تگ strike در HTML

    21 شهریور 1397

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

    مشخص کردن یک متن خط خورده به شرح زیر:

    <p>Version 2.0 is <strike>not yet available!</strike> now available!</p>

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

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

    تگ <strike> در HTML5 پشتیبانی نمی شود. شما می توانید به جای آن از تگ <del> استفاده کنید.

    تگ <strike> یک متن خط خورده را تعریف می کند.

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

    عنصر          
    <strike> بله بله بله بله بله
    READ MORE

  • تگ strong در HTML

    21 شهریور 1397

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

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

    <strong>Strong text</strong>

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

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

    تگ <strong> یک تگ تعریفی است و متن مهم را تعریف می کند.

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

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

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

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

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

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

    در HTML 4.01، تگ <strong> متن را به صورت  strong emphasized  نشان می دهد، اما در HTML5، متن مهم را معرفی می کند.

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

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

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

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

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

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

    READ MORE

  • تگ style در HTML

    21 شهریور 1397

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

    طریقه استفاده از عنصر <style> در سند HTML:

    <html>
    <head>
    <style>
    h1{color:red;}
    p{color:blue;}
    </style>
    </head>
    <body>

    <h1>A heading</h1>
    <p>A paragraph.</p>

    </body>
    </html>

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

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

    تگ <style> برای تعریف اطلاعات استایل برای یک سند HTMLاستفاده می شود.

    در داخل عنصر <style> مشخص می کنید که چگونه عناصر HTML باید در یک مرورگر نمایش داده شود.

    هر سند HTML می تواند شامل چند تگ <style> باشد .

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

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

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

    نکته: برای لینک کردن به یک  فایل CSS خارجی، از تگ <link> استفاده می کنیم.

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

    نکته: اگر خصوصیت "scoped" استفاده نشود، هر تگ <style> باید در قسمت head قرار گیرد.

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

    خصوصیت "scoped" در HTML5 جدید است، که اجازه می دهد styles برای بخش مشخصی از سند تعریف شود. اگر خصوصیت"scoped" وجود داشته باشد، آن styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.

    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    media media_query مشخص می کند که چه media یا دستگاهی برای منبع media مناسب است.
    scoped scoped مشخص می کند که styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.
    type text/css نوع media در تگ <style> را مشخص می کند.

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

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

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

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

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

    آموزش HTML-سی اس اس 

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

    READ MORE

  • تگ sub در HTML

    21 شهریور 1397

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

    متن زیرنویس:

    <p>This text contains <sub>subscript</sub> text.</p>

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

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

    تگ <sub> متن را به صورت زیرنویس تعریف می کند. زیرنویس ها معمولا به اندازه ی نصف ارتفاع یک کاراکتر پایین تر از بقیه ی کاراکتر قرار می گیرند و گاهی اوقات در یک فونت کوچکتر ارائه می شوند . از زیرنویس می توان برای نمایش فرمول شیمیایی استفاده کرد، مانند: H2O.

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

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

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

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

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

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

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

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

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

    READ MORE

  • تگ summary در HTML

    21 شهریور 1397

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

    استفاده از عنصر <summary>:

    <details>
    <summary>Copyright 1999-2011.</summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
    <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
    </details>

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

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

    تگ <summary> یک عنوان قابل مشاهده برای عنصر <details> تعریف می کند. که عنوان را می توان با استفاده از کلیک کردن باز یا بسته نمایید.

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

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

    عنصر          
    <summary> 12.0 پشتیبانی نمی شود پشتیبانی نمی شود 6.0 15.0

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

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

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

    نکته: تگ <summary> باید به صورت اولین عنصر فرزند تگ <details> قرار گیرد.

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

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

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

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

    READ MORE

  • تگ sup در HTML

    21 شهریور 1397

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

    متن بالانویس:

    <p>This text contains <sup>superscript</sup> text.</p>

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

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

    تگ <sup> متن را به صورت بالانویس تعریف می کند. بالا نویس ها معمولا به اندازه ی نصف ارتفاع یک کاراکتر بالاتر از بقیه ی کاراکتر قرار می گیرند و گاهی اوقات در یک فونت کوچکتر ارائه می شوند. بالانویس می تواند برای پانوشت استفاده شود، مانند: WWW[1].

    نکته: از تگ <sub> برای تعریف متن به صورت زیر نویس استفاده می کنیم.

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

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

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

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

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

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

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

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

    READ MORE

  • تگ table در HTML

    18 شهریور 1397

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

    جدول HTML ساده، حاوی دو ستون و دو ردیف:

    <table>
      <tr>
        <th>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
    </table>

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

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

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

    تگ <table> یک جدول در HTMLتعریف می کند.

    جدول HTML تشکیل شده از عنصر <table> و یک یا چند عنصر <tr> ، <th> و <td> می باشد.

    یک جدول حاوی سطرهایی می باشد (که با تگ <tr> مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ <td> مشخص می شود) و یک جدول شامل اطلاعات سرتیتر  می باشد(که با تگ <th> مشخص می شود).

    جداول پیچیده تر نیز شامل عناصر <caption> ،<col> ،<colgroup> ،<thead> ،<tfoot> و <tbody> نیز می باشد.

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

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

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

    خصوصیت های"align" ،"bgcolor" ،"border" ،"cellpadding" ،"cellspacing" ،"frame" ،"rules" ،"summary" و "width" در HTML5 پشتیبانی نمی شود.

    Note توجه داشته باشید که اگر بخواهید طبق استاندارهای HTML پیش بروید نباید از ویژگی border استفاده کنید.  
     برای تنظیم لبه ها بهتر است از CSSها استفاده کنید.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align left
    center
    right    		  در HTML5 پشتیبانی نمی شود.
     نحوه تراز بندی و قرار گیری جدول را مشخص می کند.
    bgcolor rgb(x,x,x)
    #xxxxxx
    colorname    		 در HTML5 پشتیبانی نمی شود.
     رنگ پس زمینه جدول را مشخص می کند.
    border 1
    ""    		 در HTML5 پشتیبانی نمی شود..
    ضخامت و پهنای خطوط حاشیه دور جدول را تعیین می کند.
    cellpadding pixels در HTML5 پشتیبانی نمی شود.
    فضای بین دیواره ی سلول و محتویات درون سلول را مشخص می کند.
    cellspacing pixels در HTML5 پشتیبانی نمی شود.
    فضای بین سلول های جدول را مشخص می کند.
    frame void
    above
    below
    hsides
    lhs
    rhs
    vsides
    box
    border    		 در HTML5 پشتیبانی نمی شود.
    مشخص می کند که کدام یک ازborder هایی که در اطراف جدول است نمایش داده شود.
    rules none
    groups
    rows
    cols
    all    		 در HTML5 پشتیبانی نمی شود.
    مشخص می کند کدام یک از حاشیه های داخلی جدول نمایش داده شود.
    sortable sortable مشخص می کند که جدول باید به صورت sortable باشد.
    summary text در HTML5 پشتیبانی نمی شود.
    خلاصه ای در مورد جدول را مشخص می کند.
    width pixels
    %    		 در HTML5 پشتیبانی نمی شود.
    عرض جدول را مشخص می کند.

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

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

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

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

    مثال

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

     Tableheaders
     نحوه ایجادسرتیترهای جدول.

    Table with a caption
     نحوه اضافه کردن عنوان به یک جدول.

    Tags inside a table
     نحوه نمایش عناصر درون عناصر دیگر.

    Cells that span more than one row/column
     چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.

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

    آموزش HTML-جداول 

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

     
    READ MORE

  • تگ tbody در HTML

    18 شهریور 1397

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

    یک جدول HTML با استفاده از عناصر <thead> ،<tfoot> و <tbody>:

    <table>
      <thead>
      <tr>
         <th>Month</th>
         <th>Savings</th>
      </tr>
      </thead>
      <tfoot>
      <tr>
          <td>Sum</td>
          <td>$180</td>
      </tr>
      </tfoot>
      <tbody>
      <tr>
         <td>January</td>
         <td>$100</td>
      </tr>
      <tr>
          <td>February</td>
          <td>$80</td>
      </tr>
      </tbody>
    </table>

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

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

    تگ <tbody> محتویات بدنه یک جدول را گروه بندی می کند.

    عنصر <tbody> همراه با عناصر <thead> ( عناوین ستونها (header)) و <tfoot> ( محتویات انتهای ستونها(footer)) برای مشخص کردن هر قسمت از جدول استفاده می شوند.

    مرورگرهای وب می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول مستقل از سربرگ و پاورقی استفاده کنند. همچنین هنگام print گرفتن از جدول های بزرگ که معمولا چند صفحه ای می باشند این عناصر قادر هستند که header و footer جداول را در بالا و پایین همه صفحات چاپی تکرار کنند.

    طریقه قرار گیری تگ <tbody>: تگ <tbody> داخل تگ <table> قرار می گیرد و پس از عناصر <caption> و <colgroup> و عنصر <thead> می آید.

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

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

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

    نکته: عنصر <tbody> باید حداقل یک تگ <tr> درون خود داشته باشد.

    نکته: عناصر <thead>, <tbody>, و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.

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

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

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align right
    left
    center
    justify
    char    		 در HTML5 پشتیبانی نمی شود.
    نحوه ترازبندی محتویات درون عنصر<tbody> را مشخص می کند.
    char character در HTML5 پشتیبانی نمی شود.
    نحوه ترازبندی محتویات درون عنصر <tbody> برای کاراکتر را مشخص می کند.
    charoff number در HTML5 پشتیبانی نمی شود.
    مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <tbody> را تراز بندی کند.
    valign top
    middle
    bottom
    baseline    		 در HTML5 پشتیبانی نمی شود.
    نحوه ترازبندی عمودی محتویات درون عنصر <tbody> را مشخص می کند.

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

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

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

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

    READ MORE

  • تگ tr در HTML

    18 شهریور 1397

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

    جدول HTML ساده، حاوی دو ستون و دو ردیف:

    <table>
      <tr>
        <th>Month</th>
        <th>Savings</th>
      </tr>
      <tr>
        <td>January</td>
        <td>$100</td>
      </tr>
    </table>

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

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

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

    تگ <tr> یک سطر در جدول HTMLتعریف می کند.

    یک عنصر <tr> شامل یک یا چند عنصر <th> و <td> است.

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

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

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

    همه خصوصیت ها در HTML5 حذف شده است.

    خصوصیت ها

    خصوصیت مقدار توضیحات
    align right
    left
    center
    justify
    char    		 در HTML5 پشتیبانی نمی شود.
    نحوه ترازبندی محتویات درون سطر را مشخص می کند.
    bgcolor rgb(x,x,x)
    #xxxxxx
    colorname    		 در HTML5 پشتیبانی نمی شود.
     رنگ پس زمینه سطر جدول را مشخص می کند.
    char character در HTML5 پشتیبانی نمی شود.
     نحوه ترازبندی محتویات درون سطر برای کاراکترها را مشخص می کند.
    charoff number در HTML5 پشتیبانی نمی شود.
    مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون سطر را تراز کند.
    valign top
    middle
    bottom
      baseline    		 درHTML5 پشتیبانی نمی شود.
    نحوه ترازبندی عمودی محتویات درون سطر جدول را مشخص می کند.

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

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

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

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

    مثال

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

    Table headers
     نحوه ایجادسرتیترهای جدول.

    Table with a caption

    نحوه اضافه کردن عنوان به یک جدول.

    Tags inside a table

    نحوه نمایش عناصر درون عناصر دیگر.

    Cells that span more than one row/column

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

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

     آموزش HTML-جداول

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

    READ MORE

  • تگ track در HTML

    18 شهریور 1397

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

    یک ویدیو با دو آهنگ زیرنویس:

    <video width="320" height="240" controls>
      <source src="forrest_gump.mp4" type="video/mp4">
      <source src="forrest_gump.ogg" type="video/ogg">
      <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
      <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
    </video>

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

    تگ <track> آهنگ های متن برای عناصر رسانه ای (<audio> و <video>) را مشخص می کند.

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

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

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

    عنصر          
    <track> 18.0 10.0 31.0 6.0 15.0

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

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

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

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    default default این صفت مشخص می کند که کاربر قادر است انتخاب کند کدام track مناسب تر است و می تواند نشان داده شود.(ریرنویس پیش فرض را می توان انتخاب کرد )
    kind captions
    chapters
    descriptions
    metadata
    subtitles    		 نوع track متن را مشخص می کند.
    label text یک title یا عنوان برای متن track مشخص می کند.
    src URL الزامی است. آدرس فایل track را مشخص می کند.
    srclang language_code زبان داده های متن track را مشخص می کند.(اگر kind="subtitles باشد استفاده از این صفت الزامی است)

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

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

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

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

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

    آموزش HTML5-پخش ویدئو 

    آموزش HTML5-پخش صوت

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

    READ MORE

  • تگ tt در HTML

    18 شهریور 1397

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

    مشخص کردن متن teletype:

    <p><tt>Teletype text</tt></p>

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

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

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

    تگ <tt> متن را به صورت teletype مشخص می کند.

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

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

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

    طریقه استایل دادن با استفاده از CSS به صورت زیر:

    <p style="font-family:'Lucida Console', monospace">

    مثال: define teletype/monospace font for a <p> element

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

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

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

    READ MORE

  • تگ u در HTML

    18 شهریور 1397

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

    کلمه زیر خط دار با استفاده از تگ <u>:

    <p>This is a <u>parragraph</u>.</p>

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

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

    تگ <u> نشان دهنده قسمتی از متن که باید با سبک نگارشی متفاوت از متن معمولی قرار گیرد، مانند کلمات دارای غلط املایی و یا اسم های خاص در چین

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

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

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

    نکته: از عنصر <u> استفاده نمی کنیم، زیرا ممکن است با لینک ها اشتباه گرفته شود (متونی که به صورت زیر خط دار نمایش داده می شوند معمولأ برای ایجاد پیوند بکار برده می شوند).

    نکته:  تگ <u> در HTML 5 به خاطر یادآوری کردن توسعه دهندگان مشخص شده، و عناصر دیگر همیشه مناسب تر از تگ <u> است.

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

    تگ <u> در HTML 4.01 تو صیه نمی شود. (تگ <u> در HTML 4.01 محتوی خود را به صورت زیر خط دار نمایش می دهد).

    تگ <u> در HTML5، نشان دهنده قسمتی از متن که باید با سبک نگارشی متفاوت از متن معمولی قرار گیرد، مانند کلمات دارای غلط املایی و یا اسم های خاص در چین.

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

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

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

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

    READ MORE

  • تگ ul در HTML

    18 شهریور 1397

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

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

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

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

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

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

    تگ <ul> یک لیست غیر ترتیبی یا نامرتب (که به صورت گلوله نمایش داده می شود) را تعریف می کند.

    تگ <ul> همراه با تگ <li> برای لیست های غیر ترتیبی بکار می رود.

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

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

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

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

    نکته: برای ایجاد لیست های مرتب از تگ <ol> استفاده می کنیم.

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

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

    خصوصیت ها

    خصوصیت مقدار توضیحات
    compact compact در HTML5 پشتیبانی نمی شود.
     مشخص می کند که لیست ها باید کوچکتر از حد نرمال ارائه شوند.
    type disc
    square
    circle    		 در HTML5 پشتیبانی نمی شود.
     نوع شکلی که کاربر انتخاب می کند را مشخص می کند.

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

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

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

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

    مثال

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

     

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

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

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

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

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

    READ MORE

  • تگ var در HTML

    18 شهریور 1397

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

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

    <var>Variable</var>

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

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

    تگ <var> یک تگ عبارتی است. و یک متغیر را تعریف می کند.

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

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

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

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

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

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

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

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

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

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

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

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

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

    READ MORE

  • تگ video در HTML

    18 شهریور 1397

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

    استفاده از video:

    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      Your browser does not support the video tag.
    </video>

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

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

    تگ <video> مشخص کننده ویدئو مانند کلیپ فیلم و یا دیگر جریان های ویدئویی است.

    در حال حاضر،برای عنصر <video> مرورگرها از سه فرمت ویدئویی MP4 ،WebM و Ogg پشتیبانی می کنند.

    Browser MP4 WebM Ogg
    Internet Explorer YES NO NO
    Chrome YES YES YES
    Firefox YES
    Update 1: Firefox 21 on Windows and Android now supports MP4
    Update 2: Firefox 30 on Linux now supports MP4    		 YES YES
    Safari YES NO NO
    Opera NO YES YES
    • MP4: فایل های MPEG 4 با کدک تصویری H264 و کدک صوتی AAC
    • WebM: فایل های WebM با کدک تصویری VP8 و کدک صوتی Vorbis
    • Ogg: فایل های Ogg با کدک تصویری Theora و کدک صوتی Vorbis

    انواع MIME برای فرمت های ویدئویی

    Format MIME-type
    MP4 video/mp4
    WebM video/webm
    Ogg video/ogg

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

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

    عنصر          
    <video> 4.0 9.0 3.5 4.0 10.5

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

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

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

    نکته: در صورتی که مرورگر از عنصر <video> پشتیبانی نمی کند باید بین دو تگ <video> و <video/> متنی مناسب  قرار داد.

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

     جدید در HTML5.

    خصوصیت مقدار توضیحات
    autoplay autoplay در صورتی که وجود داشته باشد ویدئو به محض اینکه آماده شود خود به خود پخش می شود.
    controls controls برای افزودن کنترل های play ،pause و صدا بکار برده می شود.
    height pixels ارتفاع پخش کننده ویدئو را تنظیم می کند.
    loop loop در صورت وجود پس از اتمام نمایش ویدئو پخش آن دوباره شروع می شود.
    muted muted مشخص کننده قطع صدا به طور پیش فرض برای ویدئو است.
    poster URL مشخص کننده تصویری است که به عنوان پیش نمایش ویدئو از آن استفاده می کند. مقدار آن یک url یا آدرس اینترنتی است.
    preload auto
    metadata
    none    		 در صورت وجود ویدئو در زمان لود صفحه، لود شده و آماده اجرا می شود. اگر autoplay وجود داشته باشد این خاصیت نادیده گرفته می شود.
    src URL آدرس ویدئویی که باید پخش شود.
    width pixels پهنای پخش کننده ویدئو را تنظیم می کند.

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

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

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

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

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

    آموزش HTML5-پخش ویدئو

    READ MORE

  • تگ wbr در HTML

    18 شهریور 1397

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

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

    <p>
    To learn AJAX, you must be familiar with the XML<wbr>Http<wbr>Request Object.
    </p>

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

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

    تگ <wbr> (جلوگیری از شکستن کلمه) مشخص می کند که در کجای متن خوب است یک line-break اضافه کنیم.

    نکته: هنگامی که یک کلمه بیش از حد طولانی باشد یا شما می ترسید که مرورگر ادامه آن کلمه را در خط بعد نمایش دهد می توانید از تگ <wbr> استفاده کنید.

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

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

    عنصر          
    <wbr> 1.0 پشتیبانی نمی شود 3.0 4.0 11.7

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

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

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

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

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

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

    READ MORE

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

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