آموزش تگ 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 - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

بیشتر بخوانید
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

بیشتر بخوانید
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

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

نظرات

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

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