جدول

جدول در html:

جدول ها در html دارای کاربرد های زیادی هستند، یکی از راه های ساختن قسمت های مختلف یک سند استفاده از جدول است، از جدول همچنین می توانید برای نمایش لیست خود استفاده کنید.
محتوای درون سلول های جدول هر چیزی می تواند باشد از قبیل تصویر، ویدئو، متن، عنصر و…
برای رسم جدول از تگ <table> استفاده می کنیم درون این تگ باید به تعداد لازم سطر ایجاد کنیم که این کار توسط تگ های <tr> انجام می گیرد، حال در هر سطر به تعداد نیاز باید سلول ساخت که برای این کار باید از تگ های <td> یا <th> کمک بگیریم که تگ td سلول های خالی و تگ th سلول های تیتر را ایجاد می کند.
در مثال زیر یک جدول رسم کردیم:

تیتر اول تیتر دوم
سطر اول سلول اول سطر اول سلول دوم
سطر دوم سلول اول سطر دوم سلول دوم


<table><tbody>
<tr>
<th style=”border:solid thin blue”>تیتر اول</th>
<th style=”border:solid thin blue”>تیتر دوم</th>
</tr><tr>
<td style=”border:solid thin blue”>سطر 1 سلول 1</td>
<td style=”border:solid thin blue”>سطر 1 سلول 2</td>
</tr><tr>
<td style=”border:solid thin blue”>سطر 2 سلول 1</td>
<td style=”border:solid thin blue”>سطر 2 سلول 2</td>
</tr></tbody></table>


مـــهم در صفت style می توانید تمامی خصوصیات سلول ها را تغییر دهید مانند رنگ، اندازه، حاشیه، فونت، گرد کردن لبه ها و ….
از تگ <caption> برای توضیحات جدول استفاده کنید.
همچنین برای چسباندن دو سطر به یکدیگر از rowspan و برای چسباندن دو سلول به یکدیگر از colspan استفاده می شود.

 

صفحه بعدیصفحه قبلی

 

تاریخ آخرین بروز رسانی: 2017/12/30

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

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