آموزش تگ th در HTML

آموزش تگ th در HTML

تگ <th> در HTML برای ایجاد سرستون‌ها یا سطرهای هدر در جدول‌ها استفاده می‌شود. این تگ معمولاً سلول‌هایی از جدول را که به عنوان هدر استفاده می‌شوند را مشخص می‌کند. در این مقاله، ما به بررسی کامل تگ <th> همراه با ویژگی‌ها و مثال‌های عملی آن می‌پردازیم.

1. تگ th در HTML

تگ <th> برای ایجاد سلول‌های هدر در جدول‌ها استفاده می‌شود. این تگ معمولاً در ردیف‌های اولین یا آخرین جدول قرار می‌گیرد و سلول‌هایی را که باید به عنوان هدر نمایش داده شوند را مشخص می‌کند.

<table>
   <tr>
      <th>نام</th>
      <th>سن</th>
      <th>شغل</th>
   </tr>
   <tr>
      <td>علی</td>
      <td>30</td>
      <td>مهندس</td>
   </tr>
</table>

2. ویژگی‌ها و Attribute‌های تگ th

تگ <th> دارای یک ویژگی به نام align است که برای تعیین چیدمان متن درون سلول هدر استفاده می‌شود.

2.1. align

این ویژگی برای تنظیم چیدمان متن درون سلول هدر استفاده می‌شود و می‌تواند مقادیر left، center و right را داشته باشد.

<th align="center">سن</th>

3. مثال‌های استفاده از تگ th

3.1. جدول با سلول‌های هدر

<table>
   <tr>
      <th>نام</th>
      <th>سن</th>
      <th>شغل</th>
   </tr>
   <tr>
      <td>علی</td>
      <td>30</td>
      <td>مهندس</td>
   </tr>
</table>

3.2. جدول با چیدمان متن متفاوت در سلول هدر

<table>
   <tr>
      <th align="left">نام</th>
      <th align="center">سن</th>
      <th align="right">شغل</th>
   </tr>
   <tr>
      <td>علی</td>
      <td>30</td>
      <td>مهندس</td>
   </tr>
</table>

نتیجه‌گیری

تگ <th> در HTML برای ایجاد سلول‌های هدر در جدول‌ها استفاده می‌شود. این تگ به شما امکان می‌دهد تا سطرهایی را که باید به عنوان هدر نمایش داده شوند مشخص کنید و اطلاعات مهم را به کاربران نمایش دهید. با استفاده از ویژگی‌ها و ترکیب با تگ‌های دیگر مانند <td> و <tr>، می‌توانید جداول با ساختار و ظاهر مختلف ایجاد کنید که برای نمایش دادن اطلاعات متنوع و دسته‌بندی‌شده بسیار مناسب خواهد بود.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

بیشتر بخوانید

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.