آموزش تگ td در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ td در HTML با من همراه باشید.

آموزش تگ td در HTML

Free-Learn

تگ Td در HTML

تگ td تگی است که درون تگ Table مورد استفاده قرار میگیرد و با استفاده از آن میتوان سلول ها یا در واقع همون خانه های جدول را تعریف و یا ایجاد کرد.

دو (۲) نوع سلول در یک جدول میتونیم داشته باشیم :

  • سلول هدر (Th) (سلولی که هدر یا سرستون های جدول را مشخص میکند)
  • سلول محتوا/داده (Td) (سلولی که محتوا یا داده های جدول را مشخص میکند)

تگ Th سرستون ها (در واقع همون ستون های جدول) را ایجاد میکند که بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و بصورت بولد شده (پررنگ و کلفت) و در وسط قرار میگیرد.

تگ Td نیز که سلول های عادی یک جدول را مشخص میکند، بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و در سمت چپ قرار میگیرد.

Free-Learn

مثال از تگ td در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ td در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ td در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

نام صفت مقدار توضیح
abbr text برای مشخص کردن یک مخفف (اختصار) از سلول های جدول. ()
align left
right
center
justify
char
موقعیت یا تراز قرار گیری محتوای سلول ها را مشخص میکند. ()
axis category_name برای دسته بندی (کَتِگوری) کردن سلول های جدول. ()
bgcolor rgb(x,x,x)
#xxxxxx
colorname
برای مشخص کردن رنگ پس زمینه سلول ها استفاده می شود. ()
char character تراز محتوای درون تگ td را بر اساس کاراکتر مشخص میکند. ()
charoff number تعداد کاراکترهای موجود در تگ td را که توسط صفت char مشخص شده است را مشخص میکند. ()
colspan number برای ادغام کردن ستون های یک جدول استفاده می شود.
headers header_id مشخص میکند که فلان سلول (td) مرتبط یا متعلق به فلان ستون (th) می باشد.
height pixels
%
برای تنظیم اندازه ارتفاع سلول های جدول استفاده میشود. ()
nowrap nowrap مشخص میکند که محتوای درون تگ td نباید شکسته شود و به سطر بعد برود. ()
rowspan number برای ادغام کردن سطرهای یک جدول استفاده می شود.
scope col
colgroup
row
rowgroup
روشی را برای مرتبط کردن سلول های یک جدول با ستون های آن جدول مشخص میکند. ()
valign top
middle
bottom
baseline
تراز محتوای موجود در تگ td را بصورت عمودی مشخص میکند. ()
width pixels
%
برای تنظیم اندازه عرض سلول های جدول استفاده میشود. ()

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

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

Free-Learn

نکات و توضیحات

اکثر صفت های تگ td در HTML5 منسوخ شده اند و دیگر از آنها استفاده نمی شود. (باید از CSS بجای آنها استفاده نمایید)

اگر میخواهید سطر یا ستون های جدول تان را ادغام کنید، باید از صفت های RowSpan و ColSpan استفاده نمایید.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ td را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn