جداول (Tables) در HTML
جداول یا <table> در HTML به توسعه دهندگان وب امکان می دهند داده ها را در قالب ردیف ها و ستون ها نمایش دهند. این ساختار به نمایش داده های سازمان یافته و قابل خواندن کمک می کند.
تعریف جدول در HTML
یک جدول در HTML شامل ردیف ها (<tr>) و سلول ها (<td> یا <th>) است.
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
</table>سلول های جدول (Table Cells)
هر سلول جدول با تگ <td> تعریف می شود. محتوای بین <td> و </td> محتوای سلول است.
<table>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
</table>نکته: یک سلول جدول می تواند متن، تصویر، لیست یا حتی جدول دیگری را شامل شود.
ردیف های جدول (Table Rows)
هر ردیف جدول با <tr> شروع و با </tr> پایان می یابد.
<table>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
<tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>نکته: تعداد سلول های هر ردیف معمولاً باید یکسان باشد، مگر در شرایط خاص مانند ادغام سلول ها.
سرستون ها (Table Headers)
برای ایجاد سلول های عنوان جدول از تگ <th> به جای <td> استفاده می شود. به صورت پیش فرض متن آن ها بولد و وسط چین است.
<table>
<tr>
<th>Person 1</th>
<th>Person 2</th>
<th>Person 3</th>
</tr>
<tr>
<td>Emil</td>
<td>Tobias</td>
<td>Linus</td>
</tr>
</table>خلاصه
- از
<table>برای ایجاد جدول استفاده کنید. - از
<tr>برای تعریف ردیف ها استفاده می شود. - از
<td>برای ایجاد سلول های داده و<th>برای سرستون ها استفاده کنید.
برای ادامه مطالعه به بخش عنوان صفحه در HTML و مرزهای جدول در HTML مراجعه کنید.