معرفی و کاربرد تگ table در HTML
معرفی و کاربرد تگ table در HTML جدول در سند html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <table> در HTML می پردازیم.
تگ <table> یک جدول در سند HTML تعریف می کند. جدول HTML تشکیل شده از تگ <table> و یک یا چند تگ tr> ، th> و <td> می باشد.
یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).
جداول پیچیده تر نیز شامل تگ های زیر می باشند:
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مثال در مورد تگ table در اچ تی ام ال
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
خروجی کد در مرورگر اینترنتی
Month | Savings |
---|---|
January | $100 |
بررسی تگ <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 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرها از تگ <table> در اچ تی ام ال
عنصر <table> در اچ تی ام ال در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد تگ table در HTML جدول در سند html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید