آموزش تگ table در HTML
تگ <table> در HTML برای ایجاد جداول داده استفاده می‌شود. این تگ به شما اجازه می‌دهد تا اطلاعات را به صورت ساختارمند و دسته‌بندی‌شده نمایش دهید. در این مقاله، ما به بررسی کامل تگ <table> همراه با ویژگی‌ها و مثال‌های عملی آن می‌پردازیم.
1. تگ table در HTML
تگ <table> برای ایجاد جداول داده استفاده می‌شود. این تگ معمولاً شامل تگ‌های <tr> (ردیف) و <td> یا <th> (سلول) درون خود است.
<table>
<tr>
<td>سلول ۱-۱</td>
<td>سلول ۱-۲</td>
</tr>
<tr>
<td>سلول ۲-۱</td>
<td>سلول ۲-۲</td>
</tr>
</table>2. ویژگی‌ها و Attributeهای تگ table
2.1. border
ویژگی border برای تعیین ضخامت حاشیه جدول استفاده می‌شود.
<table border="1">
<!-- محتوای جدول -->
</table>2.2. width و height
ویژگی width و height برای تعیین عرض و ارتفاع جدول به ترتیب استفاده می‌شود.
<table width="400" height="300">
<!-- محتوای جدول -->
</table>3. مثال‌های استفاده از تگ table
3.1. جدول ساده
<table border="1">
<tr>
<td>سلول ۱-۱</td>
<td>سلول ۱-۲</td>
</tr>
<tr>
<td>سلول ۲-۱</td>
<td>سلول ۲-۲</td>
</tr>
</table>3.2. جدول با ضخامت حاشیه
<table border="2">
<!-- محتوای جدول -->
</table>3.3. جدول با عرض و ارتفاع مشخص
<table width="400" height="300">
<!-- محتوای جدول -->
</table>نتیجه‌گیری
تگ <table> در HTML به شما امکان ایجاد جداول داده را می‌دهد که اطلاعات را به صورت ساختارمند و دسته‌بندی‌شده نمایش دهید. با استفاده از این تگ و ویژگی‌های مختلف آن، می‌توانید جداولی با ظاهر و خصوصیات متفاوت ایجاد کنید که برای نمایش دادن داده‌های مختلف به صورت منظم و به‌صورت گروه‌بندی‌شده بسیار مفید خواهد بود.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام