تگ های HTML – تگ table

عضویت در سایت

نام کاربری*

ایمیل*

رمزعبور*

تایید رمز عبور*

نام*

نام خانوادگی*

نام نمایشی*

تصویر پروفایل*

مرور

کشور*

شهر*

جنسیت* آقا

خانم

سایر

سن*

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

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

تگ های HTML – تگ table

سلام

با معرفی تگ <table> از سری تگ های HTML در خدمتتون هستیم.

نمونه کد تگ <table>

 <table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

۱۰

<table>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

</tr>

</table>

معرفی و کاربرد

تگ <table> برای ساخت جدول در HTML استفاده میشود.

جدولی که در HTML با کمک تگ <table> ایجاد میشود؛ دارای عناصر مختلفی نظیر <td>,<tr> و <th> می باشد.

هر جدول شامل چند سطر میباشد که سطرها را با تگ <tr> ایجاد میشود و هر سطر شامل چند سلول است که با تگ <td> ساخته میشود و هر جدول شامل اطلاعات سرتیتر می باشد که با تگ <th> ساخته میشود.

تگ های دیگه ای هم وجود دارد که زیر مجموعه تگ <table> هستند، مانند: <caption>, <col>, <colgroup>, <thead>, <tfoot>, و <tbody>.

در جدول زیر خصوصیت های تگ <table> به همراه توضیحات قرار دارد.

خصوصیت	مقدار	توضیحات
align	left center right	در HTML5 پشتیبانی نمی شود. نحوه تراز بندی و قرار گیری جدول را مشخص می کند.
bgcolor	rgb(x,x,x) #xxxxxx colorname	در HTML5 پشتیبانی نمی شود. رنگ پس زمینه جدول را مشخص می کند.
border	۱ ۰	در HTML5 پشتیبانی نمی شود. ضخامت و پهنای خطوط حاشیه دور جدول را تعیین می کند.
cellpadding	pixels	در HTML5 پشتیبانی نمی شود. فضای بین دیواره ی سلول و محتویات درون سلول را مشخص می کند.
cellspacing	pixels	در HTML5 پشتیبانی نمی شود. فضای بین سلول های جدول را مشخص می کند.
frame	void above below hsides lhs rhs vsides box border	در HTML5 پشتیبانی نمی شود. مشخص می کند که کدام یک از border هایی که در اطراف جدول است نمایش داده شود.
rules	none groups rows cols all	در HTML5 پشتیبانی نمی شود. مشخص می کند کدام یک از border های داخلی جدول نمایش داده شود.
summary	text	در HTML5 پشتیبانی نمی شود. خلاصه ای در مورد جدول را مشخص می کند.
width	pixels %	در HTML5 پشتیبانی نمی شود. عرض جدول را مشخص می کند.

پشتیبانی در مرورگرها

عنصر
table	بله	بله	بله	بله	بله

تنظیمات پیشفرض Css

اکثر مروررگرها برای نمایش تگ <table> از خصوصیات زیر استفاده میکنند.

table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: gray;
}

table {

display: table;

border-collapse: separate;

border-spacing: ۲px;

border-color: gray;

}

معرفی این تگ نیز به پایان رسید.

موفق باشید.

مطلب پیشنهادی: انتخاب تصادفی عکس پس زمینه از گالری در اندروید استودیو