معرفی و کاربرد تگ table در HTML جدول سند html

معرفی و کاربرد تگ table در HTML جدول در سند html

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <table> در HTML می پردازیم.

تگ <table> در HTML

تگ <table> یک جدول در سند HTML تعریف می کند.

جدول HTML تشکیل شده از تگ <table> و یک یا چند تگ tr> ، th> و <td> می باشد.

یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).

جداول پیچیده تر نیز شامل تگ های زیر می باشند:

مثال در مورد تگ tr در اچ تی ام ال

[html]<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>[/html]

خروجی کد در مرورگر اینترنتی

Month	Savings
January	$100

معرفی و کاربرد تگ table در HTML جدول در سند html

بررسی تگ <table> در HTML 4.01 و HTML5

خصوصیت های ویژه align ، bgcolor ، border ، cellpadding ، cellspacing ، frame ، rules ، summary و width در HTML5 پشتیبانی نمی شود.

خصوصیات ویژه تگ <table> در HTML


خصوصیت	مقدار	توضیحات
align	left	در HTML5 پشتیبانی نمی شود.
	center
	right
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 پشتیبانی نمی شود.
rules	none ، groups ، rows ، cols ، all	در HTML5 پشتیبانی نمی شود.
sortable	sortable	مشخص می کند که جدول باید به صورت sortable باشد.
summary	text	در HTML5 پشتیبانی نمی شود.
width	pixels %	در HTML5 پشتیبانی نمی شود.

ویژگی های عمومی تگ <table> در اچ تی ام ال

تگ <table> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <table> در HTML

تگ <table> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پشتیبانی مرورگرها از تگ <table> در اچ تی ام ال

تگ <table> در HTML در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.