تگ table در HTML

HTML <table> Tag

تگ <table> در HTML یک جدول در صفحه می سازد. جدول ها معمولا برای نمایش اطلاعات بکار می روند.

مثال:

<table>
    <thead>
       <tr>
          <th>ردیف</th>
          <th colspan="2">عنوان</th>
        </tr>
        <tr>
          <td>۱</td>
          <td>تعداد واحد</td>
          <td>۱۲</td>
        </tr>
        <tr>
          <td>۲</td>
          <td>ساعت ورود</td>
          <td>۷:۳۰</td>
        </tr>
        <tr>
          <td>۳</td>
          <td>ساعت خروج</td>
          <td>۱۷:۳۰</td>
        </tr>
    </thead>
</table>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

مثال های بیشتر از تگ <table>:

html

<table>
    <tr>
        <th>نام:</th>
        <td>فرهاد</td>
    </tr>
    <tr>
        <th>ایمیل:</th>
        <td>farhad@example.com</td>
    </tr>
    <tr>
        <th rowspan="2">تلفن:</th>
        <td>۹۹۸۸۷۷۶۶</td>
    </tr>
    <tr>
        <td>۶۶۵۵۴۴۳۳</td>
    </tr>
</table>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

html

<table>
   <thead>
        <tr>
          <th colspan="3">فاکتور</th>
        </tr>
   </thead>
   <tr>
       <td>۱</td>
       <td>سرویس</td>
       <td>۵۰,۰۰۰</td>
   </tr>
    <tr>
       <td>۲</td>
       <td>خدمات پس از فروش</td>
       <td>۳۰,۰۰۰</td>
    </tr>
    <tfoot align="center">
       <tr>
         <td colspan="3">
            مجموع: ۸۰,۰۰۰ تومان
         </td>
       </tr>
     </tfoot>
</table>

نتیجه:

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.