آموزش تگ 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>، می‌توانید جداول با ساختار و ظاهر مختلف ایجاد کنید که برای نمایش دادن اطلاعات متنوع و دسته‌بندی‌شده بسیار مناسب خواهد بود.

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
Python - محدود کردن داده (MongoDB Limit)

Python – محدود کردن داده (MongoDB Limit)

Python MongoDB محدود کردن نتایج برای محدود کردن نتایج در MongoDB، از متد limit() استفاده می‌کنیم. متد limit() یک...

بیشتر بخوانید
Python - بروزرسانی (MongoDB Update)

Python – بروزرسانی (MongoDB Update)

به‌روزرسانی یک رکورد برای به‌روزرسانی یک رکورد یا سند در MongoDB، از متد update_one() استفاده می‌کنیم. پارامتر اول متد...

بیشتر بخوانید
Python - حذف کالکشن (MongoDB Drop Collection)

Python – حذف کالکشن (MongoDB Drop Collection)

حذف کالکشن شما می‌توانید یک جدول یا کالکشن در MongoDB را با استفاده از متد drop() حذف کنید. مثالحذف...

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

نظرات

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

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