ثبت نام کنید

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ آدرس ایمیل خود را وارد کنید، یک ایمیل حاوی لینک بازیابی رمز عبور برای شما ارسال می شود.

پرسیدن سوال

برای پرسیدن سوال، باید وارد حساب کاربری خود در سایت شوید.
در بین 779 آموزش و 1522 پرسش به دنبال چه هستید؟

در بپرسم کلیه مطالب آموزشی رایگان است، کافیست فقط آن چیزی را که میخواهید دنبالش بگردید


تگ های HTML – تگ td

سلام

با معرفی تگ <td> از سری تگ های HTML در خدمتتون هستیم.

  • نمونه کد تگ <td>



  • معرفی و کاربرد

تگ <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> از خصوصیات زیر استفاده میکنند.

معرفی این تگ نیز به پایان رسید.

موفق باشید.

حتما بخوانید:  آموزش اوبونتو - قسمت هفدهم(دستورات جستجوی فایل)

درباره احمد آخوندیمدیر

در صورتی که از بپرسم راضی بودید؛ میتوانید حمایت مالی کنید

دنبال کردن من

پاسخ دهید