مثال (تگ 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 پشتیبانی نمی شود.
 |
توجه داشته باشید که اگر بخواهید طبق استاندارهای 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
