تگ Table , Td , Tr

ساکوراد » مجله ساکوراد » تگ Table , Td , Tr

مجله برنامه‌نویسی، وب و امنیت سایبری
۱۷ آبان ۱۴۰۳
742 بازدید
مدت زمان مطالعه : 2 دقیقه

تگ Table

تگ Table برای ایجاد جدول‌ها در HTML استفاده می‌شود. این تگ به شما این امکان را می‌دهد که داده‌ها را به صورت منظم و ساختارمند نمایش دهید. هر جدول معمولاً شامل چندین ردیف و ستون است که با استفاده از تگ‌های <tr> و <td> تعریف می‌شوند.ساختار کلی:

xml

<table>

    <!-- ردیف‌ها و سلول‌ها -->

</table>

تگ Tr

تگ <tr> (Table Row) برای تعریف یک ردیف در جدول استفاده می‌شود. هر ردیف می‌تواند شامل چندین سلول باشد که با تگ‌های <td> (Table Data) یا <th> (Table Header) مشخص می‌شوند.مثال:

xml

<table>

    <tr>

        <th>نام</th>

        <th>کشور</th>

    </tr>

    <tr>

        <td>پرسنا</td>

        <td>نپال</td>

    </tr>

    <tr>

        <td>سایمون</td>

        <td>امریکا</td>

    </tr>

</table>

در این مثال، ردیف اول شامل هدرها است و ردیف‌های بعدی شامل داده‌ها.

تگ Td

تگ <td> برای تعریف سلول‌های داده در یک ردیف جدول استفاده می‌شود. این تگ معمولاً درون تگ <tr> قرار می‌گیرد و می‌تواند شامل متن، تصاویر و حتی دیگر عناصر HTML باشد.مثال:

xml

<tr>

    <td>سیب</td>

    <td>موز</td>

    <td>پرتقال</td>

</tr>

در این مثال، سه سلول داده در یک ردیف تعریف شده‌اند.

با دریافت « مشاوره برنامه‌نویسی، وب و سئو » از کارشناسان جوان حرفه‌ای و باتجربه ساکوراد؛ موفقیت کسب و کار، رونق فروش و افزایش درامد خود را تضمین کنید!

و اما کلام اخر…

استفاده از تگ‌های <table>، <tr> و <td> به طراحان وب این امکان را می‌ دهد که داده‌ها را به صورت سازمان‌یافته و خوانا نمایش دهند. این تگ‌ها به ویژه برای نمایش اطلاعات جدولی مانند امار، لیست‌ها و جداول مقایسه‌ای بسیار مفید هستند.