آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ th در HTML

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

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

<table>
<tr>
   <th>Month</th>
   <th>Savings</th>
</tr>
<tr>
   <td>January</td>
   <td>$100</td>
</tr>
</table>

خودتان امتحان کنید »

(مثال های بیشتر را می توانید در پایین صفحه ببینید.)

تعریف و کاربرد تگ th در HTML

تگ <th> یک سلول هدر در جدول HTML را تعریف می کند.

جدول HTML دو نوع سلول را تعریف می کند:

سلول Header - شامل اطلاعات هدر (توسط عنصر <th> ایجاد می شود)
سلول استاندارد - شامل داده ها (توسط عنصر <td> ایجاد می شود)

متن در عنصر <th> به طور پیش فرض به صورت برجسته (bold) و وسط چین می باشد.

متن در عنصر <td> به طور پیش فرض به صورت منظم و در تراز چپ قرار می گیرد.

پشتیبانی مرورگرها از تگ th در HTML

عنصر
<th>	بله	بله	بله	بله	بله

نکته ها و ترفندها

نکته: دو خصوصیت colspan و rowspan امکان طول محتوای بیش از چند ستون یا سطر را می دهند.

تفاوت بین HTML 4.01 و HTML5

همه خصوصیت ها در HTML5 حذف شده است.

خصوصیت ها

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

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

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

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

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

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

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

Table with a caption

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

Tags inside a table

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

C ells that span more than one row/column

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

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

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

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

: نوشته شده توسط سمیه فخری; بازدید: 11135

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی