سبد (0)

تگ td در HTML

مثال (تگ td در HTML)

یک جدول HTML ساده، با دو سلول:

<table>
  <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 حذف شده است.


خصوصیت ها

خصوصیتمقدارتوضیحات
abbrtextدر HTML5 پشتیبانی نمی شود.
یک عبارت خلاصه شده در سلول جدول مشخص می کند.
alignleft
right
center
justify
char
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات سلول جدول را مشخص می کند.
axiscategory_nameدر HTML5 پشتیبانی نمی شود.
برای طبقه بندی کردن سلول ها
bgcolorrgb(x,x,x)
#xxxxxx
colorname
در HTML5 پشتیبانی نمی شود.
 رنگ پس زمینه سلول جدول را مشخص می کند.
charcharacterدر HTML5 پشتیبانی نمی شود.
نحوه ترازبندی محتویات درون سلول برای کاراکترها را مشخص می کند.
charoffnumber در HTML5 پشتیبانی نمی شود.
مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون سلول را تراز کند.
colspannumberتعداد ستون هایی که این سلول جدول آنها را پوشش می دهد را مشخص می کند.
headersheader_idهنگامی که یک یا چند سلول header داشته باشیم سلولی که مدنظر است را مشخص می کند.
heightpixels
%
در HTML5 پشتیبانی نمی شود.
 ارتفاع سلول را مشخص می کند.
nowrapnowrapدر HTML5 پشتیبانی نمی شود.
 مشخص می کند محتوای درون سلول نباید کوچکتر یا شکسته شود.
rowspannumberتعداد سطرهایی که این سلول جدول آنها را پوشش می دهد را مشخص می کند.
scopecol
colgroup
row
rowgroup
در HTML5 پشتیبانی نمی شود.
یک راهی برای مربوط ساختن header سلول و داده های سلول در جدول تعریف می کند.
valigntop
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود.
نحوه ترازبندی عمودی محتویات درون سلول جدول را مشخص می کند.
widthpixels
%
در HTML5 پشتیبانی نمی شود.
 عرض سلول را مشخص می کند.

ویژگی های عمومی تگ td در HTML

تگ <td> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ td در HTML

تگ <td> از رویدادهای عمومی در HTML پشتیبانی می کند.


مثال

خودتان امتحان کنید - مثال

Table headers
نحوه ایجادسرتیترهای جدول..

Table with a caption

نحوه اضافه کردن عنوان به یک جدول.

Tags inside a table

نحوه نمایش عناصر درون عناصر دیگر.

Cells that span more than one row/column

چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.


آموزش های مرتبط

آموزش HTML-جداول

مرجع اشیاء اچ تی ام ال: تگ td در JavaScript 

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان