تگ 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ها استفاده کنید.

خصوصیت ها

خصوصیتمقدارتوضیحات
alignleft
center
right
 در HTML5 پشتیبانی نمی شود.
 نحوه تراز بندی و قرار گیری جدول را مشخص می کند.
bgcolorrgb(x,x,x)
#xxxxxx
colorname
در HTML5 پشتیبانی نمی شود.
 رنگ پس زمینه جدول را مشخص می کند.
border1
""
در HTML5 پشتیبانی نمی شود..
ضخامت و پهنای خطوط حاشیه دور جدول را تعیین می کند.
cellpaddingpixelsدر HTML5 پشتیبانی نمی شود.
فضای بین دیواره ی سلول و محتویات درون سلول را مشخص می کند.
cellspacingpixelsدر HTML5 پشتیبانی نمی شود.
فضای بین سلول های جدول را مشخص می کند.
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
در HTML5 پشتیبانی نمی شود.
مشخص می کند که کدام یک ازborder هایی که در اطراف جدول است نمایش داده شود.
rulesnone
groups
rows
cols
all
در HTML5 پشتیبانی نمی شود.
مشخص می کند کدام یک از حاشیه های داخلی جدول نمایش داده شود.
sortablesortableمشخص می کند که جدول باید به صورت sortable باشد.
summarytextدر HTML5 پشتیبانی نمی شود.
خلاصه ای در مورد جدول را مشخص می کند.
widthpixels
%
در 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مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان