» آموزش کار با جداول

یکی دیگر از مباحث مهم و کاربردی ، نحوه چگونگی کار با جداول در HTML است. اینکه چگونه یک جدول را بسازیم؟ تگ های مربوط به این کار چه هستند؟ چه ویژگی از تگ جدول اهمیت دارد؟ اینها تمامی سوالاتی است ما در این متن میپردازیم.

ایجاد جدول با تگ TABLE:

بله دوستان همون طور که متوجه شدید برای ایجاد جدول در HTML از تگ TABLE استفاده میکنیم. این تگ شامل ویژگی هایی چون:

<tr> : برای ایجاد سطر جدول استفاده می شود.

<td> : برای ایجاد خانه یا سلول جدول استفاده می شود. می تواند حاوی متن، عکس، جدول و... باشد.

<th> : برای ساخت سلول های سطر اول که سرتیترجدول می باشد،استفاده می شود.

گروه بندی بخش های مختلف جدول با استفاده از:

<thead> : گروه بندی بالای جدول

<tbody> : گروه بندی بدنه اصلی جدول

<tfoot> : گروه بندی پاورقی جدول

<caption> : برای عنوان جدول

ساخت یک جدول ساد :

<table border=1>                           
  <tr>
    <th>name</th>
    <th>family</th>
  </tr>
  <tr>
   <td>mehdi</td>
   <td>abbasi</td>
  </tr>
</table>

خب دوستان این هم از ساختار یک جدول ساده که دارای دوستون و دو ردیف میباشد. اگر میخواهید برای جدول خود حاشیع قرار دهید از صفت border استفده کنید. همچنین از colspan و rowspan، می توان برای ادغام کردن سطر و خانه های جدول استفاده کرد.

خب دوستان امیدوارم که این مطلب هم مرود پسند شما قرار گرفته باشد. منتظر نظرات و تجربه های کاری شما در این خصوص هستیم.

تگ ها : چگونگی کار با جدول در HTML

۰ نظر / ۱۲۲ بازدید