تگ های HTML – تگ table
سلام
با معرفی تگ <table> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <table>
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ |
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$۱۰۰</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 |
۱ |
در 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: ۲px; border-color: gray; } |
معرفی این تگ نیز به پایان رسید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید