تگ های HTML – تگ table
سلام
با معرفی تگ <table> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <table>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
- معرفی و کاربرد
تگ <table> برای ساخت جدول در HTML استفاده میشود.
جدولی که در HTML با کمک تگ <table> ایجاد میشود؛ دارای عناصر مختلفی نظیر <td>,<tr> و <th> می باشد.
هر جدول شامل چند سطر میباشد که سطرها را با تگ <tr> ایجاد میشود و هر سطر شامل چند سلول است که با تگ <td> ساخته میشود و هر جدول شامل اطلاعات سرتیتر می باشد که با تگ <th> ساخته میشود.
تگ های دیگه ای هم وجود دارد که زیر مجموعه تگ <table> هستند، مانند: <caption>, <col>, <colgroup>, <thead>, <tfoot>, و <tbody>.
در جدول زیر خصوصیت های تگ <table> به همراه توضیحات قرار دارد.
|
خصوصیت |
مقدار |
توضیحات |
|
align |
left |
در HTML5 پشتیبانی نمی شود. نحوه تراز بندی و قرار گیری جدول را مشخص می کند. |
|
bgcolor |
rgb(x,x,x) |
در HTML5 پشتیبانی نمی شود. رنگ پس زمینه جدول را مشخص می کند. |
|
border |
1 |
در HTML5 پشتیبانی نمی شود. ضخامت و پهنای خطوط حاشیه دور جدول را تعیین می کند. |
|
cellpadding |
pixels |
در HTML5 پشتیبانی نمی شود. فضای بین دیواره ی سلول و محتویات درون سلول را مشخص می کند. |
|
cellspacing |
pixels |
در HTML5 پشتیبانی نمی شود. فضای بین سلول های جدول را مشخص می کند. |
|
frame |
void |
در HTML5 پشتیبانی نمی شود. مشخص می کند که کدام یک از border هایی که در اطراف جدول است نمایش داده شود. |
|
rules |
none |
در HTML5 پشتیبانی نمی شود. مشخص می کند کدام یک از border های داخلی جدول نمایش داده شود. |
|
summary |
text |
در HTML5 پشتیبانی نمی شود. خلاصه ای در مورد جدول را مشخص می کند. |
|
width |
pixels |
در HTML5 پشتیبانی نمی شود.
عرض جدول را مشخص می کند. |
- پشتیبانی در مرورگرها
| عنصر | |||||
|---|---|---|---|---|---|
| table | بله | بله | بله | بله | بله |
- تنظیمات پیشفرض Css
اکثر مروررگرها برای نمایش تگ <table> از خصوصیات زیر استفاده میکنند.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
معرفی این تگ نیز به پایان رسید.
موفق باشید.

ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید