آموزش تگ thead در HTML

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

آموزش تگ thead در HTML

Free-Learn

تگ Thead در HTML

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

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

علاوه بر تگ Thead ما ۲ تگ دیگه به نام های Tbody و Tfoot هم داریم، که تگ Tbody برای ایجاد بدنه اصلی جدول (بصورت ثابت) می باشد و تگ Tfoot نیز برای تعریف قسمت پایینی جدول (فوتر) می باشد.

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

Free-Learn

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

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

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

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

نام صفت مقدار توضیح
align right
left
center
justify
char
تراز یا موقعیت قرارگیری متن موجود در تگ thead را مشخص میکند. ()
char character تراز محتوای درون تگ thead را بر اساس کاراکتر مشخص میکند. ()
charoff number تعداد کاراکترهای موجود در تگ thead را که توسط صفت char مشخص شده است
را مشخص میکند. ()
valign top
middle
bottom
baseline
تراز محتوای موجود در تگ thead را بصورت عمودی مشخص میکند. ()

Free-Learn

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

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

Free-Learn

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

هیچ از صفات تگ thead در HTML5 پشتیبانی نمی شود. (میتوان از CSS بجای آنها استفاده نمود)

تگ thead باید حداقل دارای یک (۱عدد) تگ tr (جهت نمایش محتوا) باشد.

Free-Learn

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

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


Free-Learn

دریافت PDF یا پرینت این مطلب