لوگو دویکس
ورود / ثبت نام
تگ table در HTML

تگ table در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 23 آذر 1399

در این مقاله با تگ table در HTML آشنا می شوید.

نکات اصلی تگ table

  • عنصر <table> یک جدول HTML را توصیف می کند.
  • عنصر <table> شامل عناصر <tr> و <th> و <td> است.
  • همچنین می تواند شامل عناصر اختیاری <tbody> و <tfoot> و <col> و <thead> و <colgroup> و <caption> باشد.
  • این تگ از ویژگی های جهانی در HTML پشتیبانی می کند.

تعریف تگ table در HTML

با استفاده از تگ های جدول HTML می توانید جدولی با سطرها و ستون ها در صفحه وب قرار دهید:

<table>
  <tr>
    <th>Place</th>
    <th>Animal</th>
  </tr>
  <tr>
    <td>Space</td>
    <td>Dog</td>
  </tr>
</table>

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

table { 
    display: table;
    border-color: gray;
    border-collapse: separate;
    border-spacing: 2px;
}

جدول ویژگی های HTML منسوخ شده

ویژگی های جدول HTML که قبلاً استفاده شده بود ، در HTML5 منسوخ شده است. با آن ها آشنا شوید ، اما از آن ها در کدهای خود استفاده نکنید:

AlternativePurposeAttribute
CSS floatتراز بندی جدول را در رابطه با متن اطراف تعریف می کندalign
CSS widthعرض جدول را مشخص کنیدwidth
CSS borderمرز جدول را تنظیم کنیدborder
CSS paddingمحتوای سلول و دیواره سلول را مشخص کردcellpadding
فضای بین سلول ها را مشخص کردcellspacing
آنچه باید در خارج از مرزها قابل مشاهده باشد را مشخص کردframe
CSS borderآنچه در داخل مرزها قابل مشاهده است را مشخص کردrules
خلاصه ای برای یک جدول تعریف شده استsummary
CSS background colorرنگ زمینه را برای یک جدول مشخص کنیدbgcolor

پشتیبانی مرورگرها

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊