سبد (0)

تگ table در HTML

  • مثال (تگ 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
  • مثال (تگ time در HTML)

    چگونگی تعریف زمان و تاریخ:

    <p>We open at <time>10:00</time> every morning.</p>

    <p>I have a date on <time datetime="2008-02-14 20:00">Valentines day</time>.</p>

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

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

    تگ <time> تاریخ / زمان قابل خواندن برای انسان تعریف می کند.

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


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

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

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

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

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


    خصوصیت ها

    = جدید در HTML5.

    خصوصیت مقدار توضیحات
    datetime datetime یک ماشین قابل خواندن تاریخ/زمان برای عنصر <time> نمایش می دهد.

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

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


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

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


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

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

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