این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ td در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ td در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Td در HTML
تگ td که از کلمه ( Table Data ) گرفته شده است، تگی است که درون تگ Table مورد استفاده قرار میگیرد و با استفاده از آن میتوان سلول ها یا در واقع همون خانه های جدول را تعریف و یا ایجاد کرد.
بطور کلی ۲ نوع سلول در یک جدول میتونیم داشته باشیم :
- سلول هدر ( سلولی که هدر یا سرستون های جدول را مشخص میکند )
- سلول محتوا / داده ( سلولی که محتوا یا داده های جدول را مشخص میکند )
سلول هدر ( میشه همون تگ th ) در واقع ستون های جدول را ایجاد میکند و بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و بصورت بولد شده ( پررنگ ) و در وسط قرار میگیرد.
سلول داده ( میشه همین تگ td ) که سلول های عادی یک جدول را مشخص میکند و بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و در سمت چپ قرار میگیرد.
Free-Learn
مثال از تگ td در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 |
<tr> <td>صادق</td> <td>اسدی</td> </tr> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ td در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ td در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| colspan | number | برای ادغام کردن ستون های جدول |
| headers | header_id | مشخص میکند که فلان td مرتبط با فلان th می باشد |
| rowspan | number | برای ادغام کردن سطرهای جدول |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ td از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ td را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 |
td { display: table-cell; vertical-align: inherit; } |
