htmlطراحی سایت

جلسه ۱۷: ساختار جدولی در HTML در html

 

موارد بسیاری وجود دارد که می خواهید جدول داده ای را در صفحه وب خود ارائه دهید. بیایید مستقیماً غواصی کرده و جدول زیر را به HTML تبدیل کنیم.

اگر قبلاً با داده های جدول کار نکرده باشید ، مفید خواهد بود که بدانید یک جدول از سطرها و ستون ها تشکیل شده است. هر جفت ردیف / ستون دارای یک قطعه داده مرتبط با آن است که از آن به عنوان سلول جدول یاد می شود.

در جدول بالا ، ردیف اول برای اعلام نوع داده برای هر ستون استفاده می شود ، و به عنوان نام جدول عمل می کند. برای بقیه ردیف ها ، ما برای هر ستون (سلول ها) قطعه ای از داده داریم که نوع داده را در هدر مشخص شده است.

 

برای افزودن یک سطر به جدول ما ، از تگ <tr> استفاده کنید.

<table></table>

برای افزودن داده های جداگانه (سلول ها) مربوط به ستون ها ، از برچسب <td> استفاده کنید.

<table>
    <tr></tr>
</table>

برای نشان دادن اینکه یک سلول بخشی از سرصفحه است از برچسب <th> به جای <td> استفاده کنید.

<table>
    <tr>
    <td>Column ۱</td>
    <td>Column ۲</td>
    <td>Column ۳</td>
  </tr>
</table>

اکنون که با افزودن جداول در یک صفحه HTML آشنا شدید ، بیایید در درس بعدی با فرم های HTML آشنا شویم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا