تگ 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 پشتیبانی نمی شود.

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

تگ ها در html تگ table در HTML

: نوشته شده توسط سمیه فخری; بازدید: 14283