سبد (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 

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