تگ Table
تگ Table برای ایجاد جدولها در HTML استفاده میشود. این تگ به شما این امکان را میدهد که دادهها را به صورت منظم و ساختارمند نمایش دهید. هر جدول معمولاً شامل چندین ردیف و ستون است که با استفاده از تگهای <tr>
و <td>
تعریف میشوند.ساختار کلی:
<table>
<!-- ردیفها و سلولها -->
</table>
تگ Tr
تگ <tr>
(Table Row) برای تعریف یک ردیف در جدول استفاده میشود. هر ردیف میتواند شامل چندین سلول باشد که با تگهای <td>
(Table Data) یا <th>
(Table Header) مشخص میشوند.مثال:
<table>
<tr>
<th>نام</th>
<th>کشور</th>
</tr>
<tr>
<td>پرسنا</td>
<td>نپال</td>
</tr>
<tr>
<td>سایمون</td>
<td>آمریکا</td>
</tr>
</table>
در این مثال، ردیف اول شامل هدرها است و ردیفهای بعدی شامل دادهها.
تگ Td
تگ <td>
برای تعریف سلولهای داده در یک ردیف جدول استفاده میشود. این تگ معمولاً درون تگ <tr>
قرار میگیرد و میتواند شامل متن، تصاویر و حتی دیگر عناصر HTML باشد.مثال:
<tr>
<td>سیب</td>
<td>موز</td>
<td>پرتقال</td>
</tr>
در این مثال، سه سلول داده در یک ردیف تعریف شدهاند.
با دریافت « مشاوره برنامهنویسی، وب و سئو » از کارشناسان جوان حرفهای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درآمد خود را تضمین کنید!
و اما کلام آخر…
استفاده از تگهای <table>
، <tr>
و <td>
به طراحان وب این امکان را می دهد که دادهها را به صورت سازمانیافته و خوانا نمایش دهند. این تگها به ویژه برای نمایش اطلاعات جدولی مانند آمار، لیستها و جداول مقایسهای بسیار مفید هستند.