تگ td در HTML
مثال (تگ td در HTML)
یک جدول HTML ساده، با دو سلول:
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
خودتان امتحان کنید »
(مثال های بیشتر را می توانید در پایین صفحه ببینید.)
تعریف و کاربرد تگ td در HTML
تگ <td> یک سلول استاندارد در جدول HTML تعریف می کند.
جدول HTML دو نوع سلول را تعریف می کند:
- سلول Header - شامل اطلاعات هدر (توسط عنصر <th> ایجاد می شود)
- سلول استاندارد - شامل داده ها (توسط عنصر <td> ایجاد می شود)
متن در عنصر <th> به طور پیش فرض به صورت برجسته (bold) و وسط چین می باشد.
متن در عنصر <td> به طور پیش فرض به صورت منظم و در تراز چپ قرار می گیرد.
پشتیبانی مرورگرها از تگ td در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <td> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: دو خصوصیت colspan و rowspan امکان طول محتوای بیش از چند ستون یا سطر را می دهند.
تفاوت بین HTML 4.01 و HTML5
همه خصوصیت ها در HTML5 حذف شده است.
خصوصیت ها
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| 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 پشتیبانی نمی شود. عرض سلول را مشخص می کند. |
ویژگی های عمومی تگ td در HTML
تگ <td> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ td در HTML
تگ <td> از رویدادهای عمومی در HTML پشتیبانی می کند.
خودتان امتحان کنید - مثال
Table headers
نحوه ایجادسرتیترهای جدول..
نحوه اضافه کردن عنوان به یک جدول.
نحوه نمایش عناصر درون عناصر دیگر.
Cells that span more than one row/column
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ td در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 11886
