آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ table در HTML

مثال (تگ table در HTML)

جدول HTML ساده، حاوی دو ستون و دو ردیف:

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

خودتان امتحان کنید »

(مثال های بیشتر را می توانید در پایین صفحه ببینید.)

تعریف و کاربرد تگ table در HTML

تگ <table> یک جدول در HTMLتعریف می کند.

جدول HTML تشکیل شده از عنصر <table> و یک یا چند عنصر <tr> ، <th> و <td> می باشد.

یک جدول حاوی سطرهایی می باشد (که با تگ <tr> مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ <td> مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ <th> مشخص می شود).

جداول پیچیده تر نیز شامل عناصر <caption> ،<col> ،<colgroup> ،<thead> ،<tfoot> و <tbody> نیز می باشد.

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

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

تفاوت بین HTML 4.01 و HTML5

خصوصیت های"align" ،"bgcolor" ،"border" ،"cellpadding" ،"cellspacing" ،"frame" ،"rules" ،"summary" و "width" در HTML5 پشتیبانی نمی شود.

	توجه داشته باشید که اگر بخواهید طبق استاندارهای HTML پیش بروید نباید از ویژگی border استفاده کنید. برای تنظیم لبه ها بهتر است از CSSها استفاده کنید.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left center right	در HTML5 پشتیبانی نمی شود. نحوه تراز بندی و قرار گیری جدول را مشخص می کند.
bgcolor	rgb(x,x,x) #xxxxxx colorname	در HTML5 پشتیبانی نمی شود. رنگ پس زمینه جدول را مشخص می کند.
border	1 ""	در 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 پشتیبانی نمی شود. مشخص می کند کدام یک از حاشیه های داخلی جدول نمایش داده شود.
sortable	sortable	مشخص می کند که جدول باید به صورت sortable باشد.
summary	text	در HTML5 پشتیبانی نمی شود. خلاصه ای در مورد جدول را مشخص می کند.
width	pixels %	در HTML5 پشتیبانی نمی شود. عرض جدول را مشخص می کند.

ویژگی های عمومی تگ table در HTML

تگ <table> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ table در HTML

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

خودتان امتحان کنید - مثال

Tableheaders
نحوه ایجادسرتیترهای جدول.

Table with a caption
نحوه اضافه کردن عنوان به یک جدول.

Tags inside a table
نحوه نمایش عناصر درون عناصر دیگر.

Cells that span more than one row/column
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند.

آموزش های مرتبط

آموزش HTML-جداول

مرجع اشیاء اچ تی ام ال: تگ table در JavaScript

تگ time در HTML

مثال (تگ time در HTML)
چگونگی تعریف زمان و تاریخ:
<p>We open at <time>10:00</time> every morning.</p>

<p>I have a date on <time datetime="2008-02-14 20:00">Valentines day</time>.</p>

خودتان امتحان کنید »
تعریف و کاربرد تگ time در HTML
تگ <time> تاریخ / زمان قابل خواندن برای انسان تعریف می کند.
این عنصر می تواند به عنوان یک روشی برای رمز کردن تاریخ و زمان در یک روش قابل خواندن توسط ماشین استفاده شود به طوری که، عوامل کاربر می توانند پیشنهاد افزودن یادآور تولد یا رویداد های زمان را به تقویم کاربر بدهند و موتورهای جستجوگر می توانند نتایج جستجوی دقیق یا هوشمندی تولید کنند.
پشتیبانی مرورگرها از تگ time در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر

<time> 6.0 9.0 4.0 5.0 11.1

تفاوت بین HTML 4.01 و HTML5
تگ <time> یک تگ جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.

خصوصیت مقدار توضیحات

datetime datetime یک ماشین قابل خواندن تاریخ/زمان برای عنصر <time> نمایش می دهد.

ویژگی های عمومی تگ time در HTML
تگ <time> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ time در HTML
تگ <time> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ time در JavaScript