آموزش تگ 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 - تاریخ‌ها (Dates)

JavaScript – تاریخ‌ها (Dates)

آبجکت‌های تاریخ (Date) در جاوااسکریپت آبجکت‌های تاریخ در جاوااسکریپت به ما امکان کار با تاریخ و زمان را می‌دهند....

بیشتر بخوانید
JavaScript - آرایه‌های ثابت (Array Const)

JavaScript – آرایه‌های ثابت (Array Const)

جاوااسکریپت: تعریف آرایه با const در سال 2015، جاوااسکریپت کلمه کلیدی مهمی به نام const را معرفی کرد. این...

بیشتر بخوانید
JavaScript - تکرار آرایه‌ها (Array Iteration)

JavaScript – تکرار آرایه‌ها (Array Iteration)

جاوا اسکریپت: تکرار بر روی آرایه‌ها جاوا اسکریپت روش‌های مختلفی برای تکرار (Iteration) بر روی آرایه‌ها ارائه می‌دهد که...

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

نظرات

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

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