تگ های HTML – تگ td
سلام
با معرفی تگ <td> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <td>
|
۱ ۲ ۳ ۴ ۵ ۶ |
<table> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> |
- معرفی و کاربرد
تگ <td> زیر مجموعه ای از تگ <table> است که برای ساخت سلول به کار می رود.
در جدول HTML دو نوع سلول می توانیم تعریف کنیم:
- سلول هدر(تگ <th>): سلولی است که برای تعریف هدر یا سر ستون های جدول استفاده میشود.
- سلول استاندارد(تگ <td>): سلولی است که برای تعریف سلول یا خانه های جدول استفاده میشود.
متنی که درون تگ <th> قرار میگیرد به صورت پیشفرض به صورت برجست(Bold) و وسط چین(text-align: center) می باشد.
متنی که درون تگ <td> قرار میگیرید، به صورت پیشفرض به صورت منظم(Justify) و در سمت چپ(text-align: left) قرار میگیرد.
- پشتیبانی در مرورگرها
| عنصر | |||||
|---|---|---|---|---|---|
| td | بله | بله | بله | بله | بله |
- نکات:
نکته: با استفاده از دو ویژگی(خصوصیت) colspan و rowspan میتوانید طول محتوای خود را در بیش از چند سطر و ستون قرار بدید.
- خصوصیت ها
خصوصیت هایی که تگ <td> می گیرد در جدول زیر آورده شده است.
|
خصوصیت |
مقدار |
توضیحات |
|
abbr |
text | در HTML5 پشتیبانی نمی شود. یک عبارت خلاصه شده در سلول جدول مشخص می کند. |
|
align |
left right center justify char |
در HTML5 پشتیبانی نمی شود. نحوه ترازبندی محتویات سلول جدول را مشخص می کند. |
|
axis |
category_name | در HTML5 پشتیبانی نمی شود. برای طبقه بندی کردن سلول ها |
| bgcolor | rgb(x,x,x) #xxxxxx colorname |
در HTML5 پشتیبانی نمی شود. رنگ پس زمینه سلول جدول را مشخص می کند. |
|
char |
character | در HTML5 پشتیبانی نمی شود. نحوه ترازبندی محتویات درون سلول برای کاراکترها را مشخص می کند. |
|
charoff |
number | در HTML5 پشتیبانی نمی شود. مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون سلول را تراز کند. |
|
colspan |
number | تعداد ستون هایی که این سلول جدول آنها را پوشش می دهد را مشخص می کند. |
|
headers |
header_id | هنگامی که یک یا چند سلول header داشته باشیم سلولی که مدنظر است را مشخص می کند. |
|
height |
pixels % |
در HTML5 پشتیبانی نمی شود. ارتفاع سلول را مشخص می کند. |
|
nowrap |
nowrap | در HTML5 پشتیبانی نمی شود. مشخص می کند محتوای درون سلول نباید کوچکتر یا شکسته شود. |
|
rowspan |
number | تعداد سطرهایی که این سلول جدول آنها را پوشش می دهد را مشخص می کند. |
|
scope |
col colgroup row rowgroup |
در HTML5 پشتیبانی نمی شود. یک راهی برای مربوط ساختن header سلول و داده های سلول در جدول تعریف می کند. |
|
valign |
top middle bottom baseline |
در HTML5 پشتیبانی نمی شود. نحوه ترازبندی عمودی محتویات درون سلول جدول را مشخص می کند. |
|
width |
pixels
% |
در HTML5 پشتیبانی نمی شود. عرض سلول را مشخص می کند. |
- تنظیمات پیشفرض Css
اکثر مروررگرها برای نمایش تگ <td> از خصوصیات زیر استفاده میکنند.
|
۱ ۲ ۳ ۴ |
td { display: table-cell; vertical-align: inherit; } |
معرفی این تگ نیز به پایان رسید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید