تگ table در HTML
مثال (تگ table در HTML)
جدول HTML ساده، حاوی دو ستون و دو ردیف:
<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 پشتیبانی نمی شود.
 |
توجه داشته باشید که اگر بخواهید طبق استاندارهای 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
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ table در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 14579
