تگ tr در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه 14 دسامبر 2020
تگ tr در HTML

در این مقاله با تگ tr در HTML آشنا می شوید.

نکات اصلی تگ tr

  • ردیف های جدول HTML با تگ <tr> تعریف می شوند.
  • <tr> می تواند حاوی هر تعداد عنصر عنوان جدول (<th>) یا داده جدول (<td>) باشد.
  • این تگ از ویژگی های جهانی پشتیبانی می کند.

تعریف سطرهای جدول تگ tr در HTML

تگ tr یک سطر را در یک جدول داده تعریف می کند:

<table>
  <tr>
    <th>Destination A</th>
    <th>Destination B</th>
  </tr>
  <tr>
    <td>Lithuania</td>
    <td>Germany</td>
  </tr>
</table>

اگر عنصر <tr> شما بلافاصله با عنصر <tr> دیگر دنبال شود یا این آخرین ردیف جدول HTML در عنصر اصلی آن باشد ، می توانید از تگ پایان استفاده کنید.

ویژگی های منسوخ شده  تگ tr

پنج ویژگی وجود دارد که معمولاً با تگ tr استفاده می شود. با این حال ، همه آن ها در HTML5 منسوخ شدند. برای دستیابی به همان نتایج اکنون ، می توانید از ویژگی های مختلف طراحی CSS استفاده کنید.

align تراز بندی تمام مطالب را در یک ردیف جدول تنظیم کنید:

<tr align="right">
  <td>Destination A</td>
  <td>Destination B</td>
</tr>

توجه: به جای تراز کردن ، از ویژگی CSS-align استفاده کنید.

valign ترازبندی محتوای سطر جدول را به صورت عمودی تعریف کرد:

<tr valign="middle">
  <th>Destination A</th>
  <th>Destination B</th>
</tr>

توجه: به جای valign از ویژگی CSS vertical-align استفاده کنید.

char مطالب را در یک ردیف جدول با یک نویسه تراز می کند:

<tr align="char" char=".">
  <td>Germany</td>
  <td>Lithuania</td>
</tr>

charoff تعداد کاراکترها را برای ترازبندی محتوا پس از کاراکتر مشخص شده با مشخصه char تنظیم می کند:

<tr align="char" char="." charoff="2">
  <td>Germany</td>
  <td>Lithuania</td>
</tr>

bgcolor یک رنگ پس زمینه را برای یک ردیف جدول تعریف کرد:

<tr bgcolor="cornsilk">
  <th>Destination A</th>
  <th>Destination B</th>
</tr>

توجه: به جای bgcolor از ویژگی CSS-background background استفاده کنید.

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

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.

دوره رایگان html را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

دیدگاه کاربران

بدون دیدگاه


Notice: Undefined variable: user_ID in /home/devixir/public_html/wp-content/themes/DevixFullOne/comments.php on line 16