آموزش اچ تی ام ال HTML

المان table برای نمایش داده های جدولی استفاده میشود. داده های جدولی مجموعه ای است از اطلاعات ثبت شده مرتبط و وابسته به هم که از ستون ها و ردیف ها تشکیل شده است.

مثال

 
<table>
  <thead>
    <tr>
      <th colspan="2">The table header</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>The table body</td>
      <td>with two columns</td>
   </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">The table footer</td>
    </tr>
  </tfoot>
</table>
 

اتریبیوت ها

این المان از اتریبیوت های جهانی استفاده میکنند.

align

این اتریبیوت (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) مشخص میکند که جدول داخل سند چگونه نمایش داده شود. این اتریبیوت سه مقدار دارد:

left: جدول سمت چپ سند قرار میگیرد؛

right: جدول سمت راست سند قرار میگیرد؛

center: جدول وسط سند قرار میگیرد.

bgcolor

این اتریبیوت (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) رنگ جدول را مشخص میکند. مقدار آن میتواند هم بصورت "rgb" و یا “#” باشد. مقدار این اتریبیوت میتواند نام یکی از شانزده رنگ از پیش تعریف شده در HTML هم باشد.

border

این اتریبیوت عددی (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) برای مشخص کردن اندازه بوردر دور جدول استفاده میشود. اگر مقدار آن صفر باشد بوردری نمایش نمیدهد.

cellpadding

این اتریبیوت (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) فاصله بین محتوای سلول و بوردر را مشخص میکند. اگر مقدار cellpadding بصورت پیکسل تعریف شود، این مقدار برای هر چهار جهت بالا، راست، پایین، و چپ تعیین میشود. اگر مقدار cellpadding بصورت درصد تعریف شود، محتوا وسط قرار میگیرد و کل فضای عمودی و افقی این مقدار را نشان میدهند.

cellspacing

این اتریبیوت (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) فاصله بین دو سلول را بصورت پیکس یا درصد نمایش میدهد. این اتریبیوت برای سلول اولین ردیف با بالای جدول، سمت چپ جدول و اولین ستون، سمت راست جدول و آخرین ستون، و پایین جدول و آخرین ردیف استفاده میشود.

width

این اتریبیوت (منسوخ شده و نباید استفاده شود، ولی همچنان کار میکند) عرض جدول را تعیین میکند. مقدار این اتریبیوت میتواند بصورت پیکس یا درصد باشد. اگر مقدار بصورت درصد تعریف شده باشد بر حسب عرض محتوایی که جدول در آن قرار دارد محاسبه میشود.

colspan

برای افزایش طول سلول به بیش از یک ستون از این اتریبیوت استفاده میشود.

مثال

 
<table>
  <tr>
    <th>Name</th>
    <th colspan="2">Telephone</th>
  </tr>
  <tr>
    <td>Saleh Katebi</td>
    <td>09363338548</td>
    <td>09212187391<td>
  </tr>
</table>
 

rowspan

برای افزایش طول سلول به بیش از یک ردیف از این اتریبیوت استفاده میشود.

 
<table>
  <tr>
    <th>Name</th>
    <th>Saleh Katebi</th>
  </tr>
  <tr>
    <td rowspan="2">Telephone</td>
    <td>09363338548<td>
  </tr>
  <tr>
    <td>09212187391</td>
  </tr>
</table>
 

نکاتی که باید در ذهن داشته باشید

• از اتریبیوت های منسوخ شده استفاده نکنید.
• .هرگز از جدول برای طراحی لی اوت استفاده نکنید، به جای استفاده از جدول از سی اس اس استفاده کنید.