فیلم آموزش html

: 23 شهریور 1397

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

یک جدول با عنوان:

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

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

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

تگ <caption> برای جدول یک عنوان معرفی می کند.

تگ <caption> باید بلافاصله بعد از تگ <table> قرار گیرد.

نکته: شما می توانید برای هر جدول یک عنوان مشخص کنید.

نکته: به طور پیش فرض عنوان جدول در وسط و بالای جدول قرار می گیرد. اگر چه با استفاده از خصوصیت text-align و خصوصیت caption-side در CSS می توان عنوان را در جای دیگر تراز کرد.

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

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

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

صفت align در HTML5 حذف شده است.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left right top bottom	در HTML5 پشتیبانی نمی شود. مشخص می کند که عنوان در کدام جهت تراز شود.

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

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

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

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

: 23 شهریور 1397

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

تراز متن در مرکز صفحه HTML:

<center>This text will be center-aligned.</center>

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

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

تگ <center> در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید.

تگ <center> متن را در وسط صفحه تراز می کند.

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

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

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

تگ<center> در HTML5 پشتیبانی نمی شود.

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

مثال: Center-align text

مطالعه بیشتر برای تراز کردن متن با استفاده از: آموزش CSS-استایل دهی متن

: 23 شهریور 1397

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

تعریف عنوان یک کار با تگ <cite>:

<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

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

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

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

نکته: نام و نام خانوادگی یک فرد نمی تواند عنوان یک کار باشد.

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

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

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

در HTML5 تگ <cite> عنوان یک کار را مشخص می کند.

در HTML 4.01 تگ <cite> یک نقل قول را مشخص می کند.

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

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

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

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

: 16 مرداد 1398

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

قالب متن در یک سند:

<code>A piece of computer code</code>

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

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

از تگ <code> برای نحوه نمایش عبارات و پاراگراف ها استفاده می شود. در واقع این تگ یک عبارات را بصورت یک قطعه کد کامپیوتری، نمایش می دهد.

نکته: استفاده از این تگ توصیه نمی شود ولی برای رسیدن به نتایج بهتر می توانید با استفاده از CSSبه استایل مورد نظرتان برسید.

تمام تگ های عبارتی:

Tag	توضیحات
<em>	متن را به صورت emphasized نمایش می دهد
<strong>	متن را به صورت strong یا Bold شده و ضخیم نمایش می دهد
<dfn>	جهت تعریف definition term
<code>	متن را به صورت یک قطعه کد کامپیوتری نمایش می دهد
<samp>	متن را به صورت sample computer code (نمونه از یک کد کامپیوتری) نمایش می دهد
<kbd>	متن را به صورت keyboard (صفحه کلید) نمایش می دهد
<var>	یک متغیر تعریف می کند

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

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

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

تفاوتی وجود ندارد.

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

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

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

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

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

آموزش HTML-فرمت دهی متن

: 23 شهریور 1397

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

تنظیم رنگ پس زمینه از سه ستون با تگ های<colgroup> و <col> :

<table>
<colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
</colgroup>
<tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
</tr>
<tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</tr>
</table>

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

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

تگ <col> خواص مربوط به ستون های موجود در یک عنصر <colgroup> را مشخص می کند.

تگ <col> برای استفاده از سبک های به کل ستون، به جای تکرار سبک برای هر سلول یا برای هر ردیف مفید است.

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

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

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

بیشتر ویژگی ها (attributes) موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوند.

تفاوت بین HTML و XHTML

در HTML تگ <col> تگ پایانی ندارد.

در XHTML تگ <col> باید با تگ پایانی بسته شود.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left right center justify char	در HTML5 پشتیبانی نمی شود. مشخص کننده تراز محتوا نسبت به عنصر <col>
char	character	در HTML5 پشتیبانی نمی شود. مشخص کننده تراز محتوا نسبت به عنصر <col> با توجه به کاراکترها
charoff	number	در HTML5 پشتیبانی نمی شود. مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی char
span	number	مشخص می کند که عنصر <col> باید به اندازه چند ستون باشد.
valign	top middle bottom baseline	درHTML5 پشتیبانی نمی شود. مشخص کننده تراز عمودی محتوا نسبت به یک عنصر <col>
width	% pixels relative_length	در HTML5 پشتیبانی نمی شود. مشخص کننده پهنای عنصر <col>

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

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

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

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

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

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

: 23 شهریور 1397

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

تنظیم رنگ پس زمینه از سه ستون با تگ های <colgroup> و <col>:

<table>
<colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
</colgroup>
<tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
</tr>
<tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</tr>
</table>

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

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

تگ <colgroup> گروهی از یک یا چند ستون در یک جدول را جهت قالب بندی مشخص می کند.

از تگ <colgroup> برای سبک یا استایل دادن به کل ستون، به جای تکرار سبک برای هر سلول و برای هر ردیف استفاده می شود.

نکته: تگ <colgroup> باید به عنوان یک فرزند برای تگ <table> باشد که بعد از عنصر <caption> وقبل از عناصر <thead> ،<tbody> ،<tfoot> و <tr> قرار می گیرد.

نکته: برای تعریف خواص مختلف به یک ستون در <colgroup> از عنصر <col > در داخل آن تگ استفاده کنید.

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

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

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

بیشتر ویژگی های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوذ.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left right center justify char	در HTML5 پشتیبانی نمی شود. تراز کردن محتوا در گروه ستون ها
char	character	در HTML5 پشتیبانی نمی شود. تراز کردن محتوا در گروه ستون ها با توجه به کاراکترها
charoff	number	در HTML5 پشتیبانی نمی شود. مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی char
span	number	مشخص می کند گروه ستون ها به اندازه چند ستون باشد
valign	top middle bottom baseline	در HTML5 پشتیبانی نمی شود. مشخص کننده تراز عمودی محتوا نسبت به گروه ستون ها
width	pixels % relative_length	در HTML5 پشتیبانی نمی شود. مشخص کننده پهنای گروه ستون ها

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

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

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

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

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

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

: 23 شهریور 1397

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

یک عنصر <input> با مقداری از پیش تعیین شده با عنصر <datalist>:

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

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

تگ <datalist> یک لیست از گزینه های از قبل تعریف شده برای یک عنصر <input> مشخص می کند.

تگ <datalist> برای ارائه یک ویژگی "تکمیل خودکار" برای عنصر <input> استفاده می شود. بدین صورت که کاربران یک لیست کشویی از گزینه های از پیش تعریف شده در هنگام تکمیل فیلد، مشاهده می کنند.

شما می توانید با استفاده از یک عنصر <datalist>، لیست اجزای <input> را به هم متصل کنید.

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

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

عنصر
<datalist>	20.0	10.0	4.0	پشتیبانی نمی شود	9.0

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

تگ <datalist> یک تگ جدید در HTML5 است.

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

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

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

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

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

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

: 21 شهریور 1397

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

یک لیست توضیحات با عبارات و توضیحات:

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

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

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

تگ <dd> برای شرح یا توصیف یک لغت یا عبارت در لیست توضیحات استفاده می شود.

تگ <dd> در رابطه با تگ <dl> (ایجاد کننده لیست های تعریفی) و <dt> (ایجاد عنصر یا نامی از یک فهرست تعریفی) استفاده می شود.

شما می توانید در داخل تگ <dd> پاراگراف ها، پرش به خط بعد، عکس ها، پیوند ها، لیست ها و...قرار دهید.

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

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

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

در HTML 4.01، تگ <dd> به منظور توصیف یک آیتم در لیست توضیحات استفاده می شد.

در HTML5، تگ <dd> به منظور توصیف یک نام یا عبارت استفاده می شود.

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

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

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

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

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

آموزش HTML-لیست ها

: 21 شهریور 1397

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

یک قسمت از متن حذف شده و قسمت جدیدی به آن اضافه شده:

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

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

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

تگ <del> یک قسمت از متن را که از سند حذف شده است نمایش می دهد.

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

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

نکته ها و ترفندها

نکته: همچنین به تگ <ins> جهت نشانه گذاری متن نگاهی بیندازید.

نکته: استفاده از دو تگ <del> و <ins> به منظور نشانه گذاری متن حذف شده و سایر تغییرات ایجاد شده می باشد. مرورگر ها به طور معمول یک خط از متن حذف شده را هدف قرار داده و متن حذف شده را زیر خط دار می کنند.

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

تفاوتی وجود ندارد.

خصوصیت ها

خصوصیت	مقدار	توضیحات
cite	URL	مشخص کننده یک URL برای سند و دلیل حذف شدن متن مورد نظر را توضیح می دهد.
datetime	YYYY-MM-DDThh:mm:ssTZD	مشخص می کند که متن در چه تاریخ و زمانی حذف شده است.

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

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

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

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

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

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

: 21 شهریور 1397

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

استفاده از عنصر <details>:

<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

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

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

تگ <details> جزئیات اضافی که کاربر بر حسب تقاضا می تواند مشاهده یا مخفی نماید را مشخص می کند.

تگ <details> مورد استفاده برای ایجاد یک ویجت تعاملی است که کاربر با استفاده از کلیک کردن می تواند باز یا بسته اش نماید. و هر نوع محتوایی را می توان داخل تگ <details> قرار داد.

محتوای عنصر <details> نباید قابل مشاهده باشد مگر این که ویژگی های open قرار داده شده باشد.

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

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

عنصر
<details>	12.0	پشتیبانی نمی شود	پشتیبانی نمی شود	6.0	15.0

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

تگ <details> یک تگ جدید در HTML5 است.

نکته ها و ترفندها

نکته: تگ <summary> برای تعیین یک عنوان قابل مشاهده به جزئیات مورد نظر استفاده می شود. این عنوان قابل کلیک کردن می باشد تا در صورت نیاز، جزئیات مخفی یا نمایان شوند.

خصوصیت ها

جدید در HTML5.

خصوصیت	مقدار	توضیحات
open	open	مشخص می کند که جزئیات برای کاربر نمایان (open) باشد.

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

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

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

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

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

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

: 21 شهریور 1397

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

قالب متن در یک سند:

<dfn>Definition term</dfn>

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

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

تگ <dfn> یک تگ تعریفی است و یک عبارت تعریفی را مشخص می کند.

نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.

همه تگ های تعریفی:

Tag	توضیحات
<em>	متن را به صورت emphasized نمایش می دهد.
<strong>	متن را به صورت strong نمایش می دهد.
<dfn>	جهت تعریف definition term
<code>	متن را به صورت computer code نمایش می دهد.
<samp>	متن را به صورت sample computer code نمایش می دهد.
<kbd>	متن را به صورت keyboard نمایش می دهد.
<var>	متن را به صورت variable نمایش می دهد.

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

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

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

تفاوتی وجود ندارد.

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

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

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

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

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

آموزش HTML-فرمت دهی متن

: 21 شهریور 1397

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

استفاده از عنصر <dialog>:

<table>
<tr>
<th>January <dialog open>This is an open dialog window</dialog></th>
<th>February</th>
<th>March</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>

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

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

تگ <dialog> یک جعبه یا پنجره محاوره را تعریف می کند.

تگ <dialog> ایجاد پنجره های popup و modals (کیفیتی) در یک صفحه وب را آسان می کند.

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

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

عنصر
<dialog>	37	پشتیبانی نمی شود	پشتیبانی نمی شود	6.0	24

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

تگ <dialog> یک تگ جدید در HTML5 است.

خصوصیت ها

جدید در HTML5.

خصوصیت	مقدار	توضیحات
open	open	مشخص می کند که عنصر dialog فعال است و کاربر به وسیله آن می تواند تعامل داشته باشد.

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

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

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

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

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

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

: 21 شهریور 1397

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

یک قسمتی در سند HTML که به رنگ آبی است:

<div style="color:#0000FF">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>

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

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

تگ <div> یک قسمت یا بخشی را در سند HTMLمشخص می کند.

تگ <div> برای گروه بندی عناصر بلوک استفاده می شود تا بتوان آن ها را با CSSفرمت کرد.

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

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

نکته ها و ترفندها

نکته: تگ <div> اغلب با CSS همراه است که برای طرح بندی یک صفحه وب بکار می رود .

نکته: مرورگر همیشه یک خط قبل و بعد از عنصر <div> را نمایش می دهد. که با کمک CSS می توان آن را تغییر داد.

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

صفت align در HTML5 پشتیبانی نمی شود.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left right center justify	در HTML5 پشتیبانی نمی شود. مشخص می کند اجزای درون عنصر <div> چگونه تنظیم شود.

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

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

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

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

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

آموزش HTML-عنصر div

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

: 21 شهریور 1397

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

یک لیست توضیحات:

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

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

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

تگ <dt> یک عبارت یا اسم را در لیست توضیحات مشخص می کند.

تگ <dt> به همراه تگ <dl> (لیست های تعریفی را مشخص می کند) و <dd> (که آیتم های موجود در لیست را توضیح می دهد) استفاده می شود.

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

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

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

در HTML 4.01، تگ <dt> یک آیتم در لیست تعریفی مشخص می کند.

در HTML5، تگ <dt> یک عبارت یا اسم در لیست توضیحات مشخص می کند.

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

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

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

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

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

آموزش HTML-لیست ها

: 21 شهریور 1397

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

قالب متن در یک سند:

<em>Emphasized text</em>

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

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

تگ <em> یک تگ عبارتی است و متن را به صورت تاکید ارائه می دهد .

نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.

همه تگ های عبارتی:

Tag	توضیحات
<em>	متن را به صورت emphasized نمایش می دهد.
<strong>	متن را به صورت strong نمایش می دهد.
<dfn>	جهت تعریف definition term
<code>	متن را به صورت computer code نمایش می دهد.
<samp>	متن را به صورت sample computer code نمایش می دهد.
<kbd>	متن را به صورت keyboard نمایش می دهد.
<var>	متن را به صورت variable نمایش می دهد.

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

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

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

تفاوتی وجود ندارد.

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

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

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

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

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

آموزش HTML-فرمت دهی متن

: 21 شهریور 1397

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

یک flash animation جاسازی شده:

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

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

تگ <embed> یک قالب برای یک برنامه خارجی و یا محتوای تعاملی را تعریف می کند(a plug-in).

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

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

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

تگ <embed> یک تگ جدید در HTML5 است.

نکته: بیشتر مرورگرها از تگ <embed> در مدت زمان طولانی است که حمایت می کنند. با این حال، تگ <embed> بخشی از مشخصات HTML 4 نبوده. و اگر این تگ را در HTML 4 استفاده کنید صفحه شما فاقد اعتبار است.فقط زمانی صفحه شما اعتبار دارد که در HTML 5 استفاده شود.

خصوصیت ها

جدید در HTML5.

خصوصیت	مقدار	توضیحات
height	pixels	مشخص کننده height موجود در تگ <embed>
src	URL	مشخص کننده آدرس فایل خارجی در تگ <embed>
type	media_type	مشخص کننده media type موجود در تگ <embed>
width	pixels	مشخص کننده width موجود در تگ <embed>

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

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

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

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

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

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

: 21 شهریور 1397

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

گروهی از عناصر مرتبط در یک فرم:

<form>
<fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
</fieldset>
</form>

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

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

تگ <fieldset> عناصر مرتبط در یک فرم را گروه بندی می کند.

تگ <fieldset> یک چارچوب اطراف عناصر مرتبط رسم می کند.

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

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

نکته ها و ترفندها

نکته: تگ <legend> یک عنوان یا caption برای تگ <fieldset> مشخص می کند.

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

در HTML5 ویژگی های جدیدی برای عنصر <fieldset> اضافه شده است.

خصوصیت ها

جدید در HTML5.

خصوصیت	مقدار	توضیحات
disabled	disabled	مشخص می کند که گروهی از عناصر مرتبط در فرم باید غیر فعال شوند.
form	form_id	مشخص کننده یک یا بیشتر فرم هایی که fieldset به آنها تعلق دارد.
name	text	مشخص کننده یک name برای fieldset

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

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

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

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

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

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

: 21 شهریور 1397

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

استفاده از عنصر <figure> برای نشانه گذاری یک عکس در یک سند HTML و همچنین تنظیم یک عنوان برای عکس با استفاده از عنصر <figcaption>:

<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

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

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

تگ <figcaption> یک عنوان یا caption برای عنصر <figure> تعریف می کند.

تگ <figcaption> می تواند به عنوان اولین یا آخرین فرزند عنصر <figure> قرار گیرد.

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

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

عنصر
<figcaption>	6.0	9.0	4.0	5.0	11.1

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

تگ <figcaption> یک تگ جدید در HTML5 است.

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

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

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

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

: 21 شهریور 1397

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

استفاده از عنصر <figure> برای نشانه گذاری یک عکس در یک سند:

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

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

تگ <figure> محتوای خود مانند تصاویر، نمودار ها، عکس ها، لیست کد و ... را مشخص می کند.

در حالی که محتوای عنصر <figure> با جریان اصلی سند مرتبط است،جایگاهی مستقل دارد و در صورتی که این عنصر حذف شود، نباید تاثیری بر جریان اصلی بگذارد.

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

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

عنصر
<figure>	6.0	9.0	4.0	5.0	11.1

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

تگ <figure> یک تگ جدید در HTML5 است.

نکته ها و ترفندها

نکته: تگ <figcaption> یک عنوان یا caption به عنصر <figure> اضافه می کند.

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

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

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

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

: 21 شهریور 1397

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

تعیین font size ،font face و color برای یک متن:

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

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

تگ <font> در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

تگ <font> مشخص کننده font face ،font size و color برای یک متن است.

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

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

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

تگ <font> در HTML5 پشتیبانی نمی شود.

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

مثال CSS: نحوه تنظیم رنگ متن

مثال CSS: نحوه تنظیم فونت متن

مثال CSS: نحوه تنظیم سایز فونت

مطالعه بیشتر درباره: آموزش CSS-استایل دهی فونت و آموزش CSS-استایل دهی متن .

خصوصیت های اختیاری

خصوصیت	مقدار	توضیحات
color	rgb(x,x,x) #xxxxxx colorname	در HTML5 پشتیبانی نمی شود. مشخص کننده color در یک متن
face	font_family	در HTML5 پشتیبانی نمی شود. مشخص کننده font در یک متن
size	number	در HTML5 پشتیبانی نمی شود. مشخص کننده size در یک متن

: 21 شهریور 1397

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

یک پانویس در بخشی از یک سند:

<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید">
این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید</a>.</p>
</footer>

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

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

تگ <footer> یک پانویس برای یک سند یا یک بخش تعریف می کند.

تگ <footer> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.

تگ <footer> به طور معمول شامل نام نویسنده سند، کپی رایت، لینک ها به واژه های مورد استفاده، اطلاعات تماس، و... می باشد.

شما می توانید چندین عنصر <footer> در یک سند داشته باشید.

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

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

عنصر
<footer>	6.0	9.0	4.0	5.0	11.1

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

تگ <footer> یک تگ جدید در HTML5 است.

نکته ها و ترفندها

نکته: اطلاعات مربوط به تماس داخل تگ <footer>، باید داخل عنصر <address> قرار گیرد.

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

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

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

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

: 21 شهریور 1397

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

یک فرم HTML با دو فیلد input و یک دکمه submit:

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

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

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

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

تگ <form> به منظور ایجاد یک فرم HTML، برای دریافت ورودی از سمت کاربر استفاده می شود.

تگ <form> می تواند یک یا چند عنصر از عناصر فرم زیر را شامل شود:

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

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

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

ویژگی های جدیدی در HTML5 اضافه شده که شامل: autocomplete و novalidate و یک ویژگی از آن حذف شده که شامل: accept است.

تفاوت بین HTML و XHTML

در XHTML، صفت name استفاده نمی شود. به جای آن از ویژگی عمومی یعنی Id استفاده می کنیم.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
accept	file_type	در HTML5 پشتیبانی نمی شود. مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند).
accept-charset	character_set	کد کردن کاراکترها که برای ارسال فرم ها به کار می رود را مشخص می کند.
action	URL	مشخص می کند هنگام ارسال فرم، داده های فرم به کجا فرستاده شوند.
autocomplete	on off	مشخص می کند که قابلیت autocomplete فعال باشد یا خیر.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	مشخص می کند هنگام ارسال فرم به سرور داده های فرم چگونه باید رمز گذاری شود (تنها برای زمانی که متد ارسال "post" باشد).
method	get post	مشخص می کند که از چه متد HTTP در هنگام ارسال داده های فرم استفاده کنیم.
name	text	مشخص کننده یک name برای فرم است.
novalidate	novalidate	مشخص می کند به هنگام ارسال احتیاجی نیست فرم اعتبار سنجی شود.
target	_blank _self _parent _top	مشخص می کند پس از ارسال فرم به سرور، پاسخ دریافت شده در کجا نمایش داده شود. (در صفحه جاری یا یک صفحه جدید و...)

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

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

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

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

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

Form with checkboxes
چگونه یک فرم با دو checkbox و یک دکمه submit ایجاد کنیم.

Form with radiobuttons
چگونه یک فرم با دو radio button و یک دکمه submit ایجاد کنیم.

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

آموزش HTML-فرم ها

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

: 21 شهریور 1397

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

یک صفحه ساده با سه frame:

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

در انتهای این مطلب، مثال های بیشتری آورده شده است.

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

تگ <frameset> در HTML5 پشتیبانی نمی شود.

تگ <frameset> یک قاب را تعریف می کند.

تگ <frameset> یک یا چند عنصر <frame> را شامل می شود. هر عنصر <frame> می تواند حاوی سندی جداگانه باشد.

تگ <frameset> مشخص می کند که چه تعداد ستون یا ردیف باید در قاب قرار گیرد، هر کدام چند درصد / پیکسل از فضا را اشغال کند.

نکته: اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که <DOCTYPE> به یکی از دو حالت "HTML Frameset DTD" یا "XHTML Frameset DTD" تنظیم شده باشد.

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

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

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

تگ <frameset> در HTML5 پشتیبانی نمی شود.

Differences Between HTML and XHTML

تفاوتی وجود ندارد.

خصوصیت های اختیاری

خصوصیت	مقدار	توضیحات
cols	pixels % *	در HTML5 پشتیبانی نمی شود. مشخص کننده تعداد و سایز ستون های موجود در frameset است.
rows	pixels % *	درHTML5 پشتیبانی نمی شود. مشخص کننده تعداد و سایز سطرهای موجود در frameset است.

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

Horizontal frameset
چگونه یک frameset افقی با سه سند متفاوت ایجاد کنیم.

Mixed frameset
چگونه از frameset برای سه documents استفاده کنیم و چگونه آنها در سطر و ستون میکس کنیم.

Frameset with noresize="noresize"
چگونه از ویژگی "noresize" استفاده کنیم و همچنین border بین فریم A و B قابل اندازه بندی مجدد نیست.

: 21 شهریور 1397

مثال (تگ h1 تا h6 در HTML)

شش عنوان یا سرتیتر مختلف در HTML :

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

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

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

تگ <h1> تا <h6> برای مشخص کردن عنوان یا سرتیتر در HTMLاستفاده می شود.

<h1> برای مهمترین سرتیتر استفاده می شود. <h6> کم اهمیت ترین سرتیتر را تعریف می کند.

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

عنصر
<h1> - <h6>	بله	بله	بله	بله	بله

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

صفت "align" در HTML5 پشتیبانی نمی شود. شما می توانید از CSSاستفاده کنید.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left center right justify	در HTML5 پشتیبانی نمی شود. چگونگی تراز کردن عنوان یا سرتیتر را مشخص می کند.

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

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

رویدادهای عمومی تگ h1 تا h6 در HTML

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

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

آموزش HTML-عنوان ها

مرجع اشیاء اچ تی ام ال: Heading object

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

بیشتر مرورگرها عنصر <h1> را با مقادیر پیش فرض زیر نشان می دهند:

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

بیشتر مرورگرها عنصر <h2> را با مقادیر پیش فرض زیر نشان می دهند:

h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

بیشتر مرورگرها عنصر <h3> را با مقادیر پیش فرض زیر نشان می دهند:

h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

بیشتر مرورگرها عنصر <h4> را با مقادیر پیش فرض زیر نشان می دهند:

h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

بیشتر مرورگرها عنصر <h5> را با مقادیر پیش فرض زیر نشان می دهند:

h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

بیشتر مرورگرها عنصر <h6> را با مقادیر پیش فرض زیر نشان می دهند:

h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

: 21 شهریور 1397

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

یک سند HTML، با یک تگ <title> مورد نیاز در head:

<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

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

در انتهای این مطلب، مثال های بیشتری آورده شده است.

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

تگ <head> یک ظرف برای همه عناصر عنوان است.

تگ <head> باید شامل یک title برای سند باشد و می تواند شامل script ها باشد، مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره..

عناصر زیر می توانند در داخل <head> قرار گیرند:

<title > (این عنصر در بخش head لازم است)
<style >
<base >
<link >
<meta>
<script >
<noscript >

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

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

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

صفت profile در HTML5 پشتیبانی نمی شود.

خصوصیت ها

خصوصیت	مقدار	توضیحات
profile	URL	در HTML5 پشتیبانی نمی شود. یک URL برای سندی که شامل مجموعه ای از قوانین است را مشخص می کند. این قوانین می توانند توسط مرورگرها قابل خواندن باشند تا به روشنی اطلاعات موجود در صفت content در تگ <meta> را درک کنند.

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

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

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

Use of the <base> tag in <head>
نحوه استفاده از تگ <base> در داخل تگ <head> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.

Use of the <style> tag in <head>
چگونگی اضافه کردن اطلاعات style به تگ <head>.

Use of the <link> tag in <head>
چگونگی استفاده از تگ <link> برای لینک کردن به CSS خارجی.

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

آموزش HTML-بخش Head

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

بیشتر مرورگرها عنصر <head> را با مقادیر پیش فرض زیر نشان می دهند:

head {
display: none;
}

: 21 شهریور 1397

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

یک هدر برای تگ <article>:

<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....</p>
</article>

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

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

تگ <header> به یک بخش یا سند، یک هدر اختصاص می دهد.

تگ <header> باید به عنوان یک ظرف برای محتوای مقدماتی و یا مجموعه ای از لینک های navigation استفاده شود.

شما می توانید در یک سند چندین عنصر <header> داشته باشید.

نکته: یک تگ <header> را نمی توان داخل <footer> و <address> یا عناصر <header> دیگر قرار داد.

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

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

عنصر
<header>	6.0	9.0	4.0	5.0	11.1

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

تگ <header> یک تگ جدید در HTML5 است.

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

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

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

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

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

بیشتر مرورگرها عنصر <header> را با مقادیر پیش فرض زیر نشان می دهند:

header {
display: block;
}

: 21 شهریور 1397

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

استفاده از تگ <hgroup> برای گروه heading:

<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>

<p>The rest of the content...</p>

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

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

تگ <hgroup> برای عناصر گروه heading (عنوان) استفاده می شود.

تگ <hgroup> برای گروه عناصر <h1> تا <h6> استفاده می شود، هنگامی که یک heading (عنوان) در سطوح مختلف (سر فصل ها) است.

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

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

عنصر
<hgroup>	5.0	9.0	4.0	4.1	11.1

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

تگ <hgroup> یک تگ جدید در HTML5 است.

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

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

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

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

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

بیشتر مرورگرها عنصر <hgroup> را با مقادیر پیش فرض زیر نشان می دهند:

hgroup {
display: block;
}

: 21 شهریور 1397

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

استفاده از تگ <hr> برای یک تغییر موضوعی در محتوا:

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>

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

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

تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع).

تگ <hr> برای جدا کردن محتوا (و یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود.

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

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

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

در HTML5، تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود.

در HTML 4.01، تگ <hr> نشان دهنده یک خط افقی است.

به هر حال ممکن است تگ <hr> هنوز هم به عنوان یک خط افقی در مرورگرهای بصری نمایش داده شود، اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

تمام ویژگی های طرح در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

تفاوت بین HTML و XHTML

در HTML، تگ <hr> تگ پایانی ندارد.

در XHTML، تگ <hr> با یک تگ پایانی بسته می شود، مانند: <hr />.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left center right	در HTML5 پشتیبانی نمی شود. جهت قرارگیری عنصر <hr> را مشخص می کند.
noshade	noshade	در HTML5 پشتیبانی نمی شود. مشخص می کند که عنصر <hr> در یک رنگ ساده نمایش داده شود. (بدون سایه)
size	pixels	در HTML5 پشتیبانی نمی شود. ارتفاع عنصر <hr> را مشخص می کند
width	pixels %	در HTML5 پشتیبانی نمی شود. عرض عنصر <hr> را مشخص می کند.

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

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

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

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

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

بیشتر مرورگرها عنصر <hr> را با مقادیر پیش فرض زیر نشان می دهند:

hr {
display: block;
    margin-top: 0.5em;
margin-bottom: 0.5em;
    margin-left: auto;
margin-right: auto;
    border-style: inset;
border-width: 1px;
}

: 21 شهریور 1397

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

یک مثال ساده از سند HTML5:

<!DOCTYPE HTML>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

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

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

تگ <html> به مرورگر می گوید که این سند یک سند HTMLاست.

تگ <html> ریشه یک سند HTML را نمایش می دهد.

تگ <html> ظرفی برای تمام عناصر HTML است. (به غیر از اعلان <DOCTYPE> )

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

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

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

در HTML5 صفت جدید manifest اضافه شده است.

تفاوت بین HTML و XHTML

خصوصیت xmlns در XHTML لازم است، اما در HTML معتبر نیست.

با این حال اعتبارسنج HTML در http://w3.org نسبت به از قلم انداختن xmlns ها در اسناد XHTML شکایتی نمی کند، زیرا فضای نام xmlns=http://www.w3.org/1999/xhtml به طور پیش فرض (حتی اگر شما آن را اضافه نکرده باشید) به تگ <html> اضافه خواهد شد.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
manifest	URL	آدرس ذخیره سند را جهت نمایش مشخص می کند. (برای مرورگرهای آنلاین )
xmlns	http://www.w3.org/1999/xhtml	فضای نام صفت XML را مشخص می کند. (اگر شما بخواهید مطالب مطابق XHTML باشد)

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

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

: 21 شهریور 1397

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

<p>He named his car <i>The lightning</i>, because it was very fast.</p>

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

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

تگ <i> بخشی از متن را با صدا یا حالتی متناوب تعریف می کند. محتوای تگ <i> معمولا به صورت کج یا مورب نشان داده می شود.

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

از عنصر <i> زمانی استفاده می کنیم که یک عنصر معنایی (semantic) مناسب تری پیدا نکنیم، مانند زیر:

<em>(متن تاکید شده)
<strong>(متن مهم)
<mark>(متن نشانه گذاری شده)
<cite>(عنوان کار)
<dfn>(تعریف یک اصطلاح)

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

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

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

در HTML 4.01، تگ <i> برای متن به صورت مورب استفاده می شود، با این حال، در HTML5 کاربردی ندارد. زیرا این گونه تغییرات را می توان با استایل دادن به متن درون تگ <i> مانند زیر ایجاد کرد: