فیلم آموزش html
-
تگ center در HTML
مثال (تگ 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 پشتیبانی نمی شود.
خودتان امتحان کنید-مثال
مطالعه بیشتر برای تراز کردن متن با استفاده از: آموزش CSS-استایل دهی متن
-
تگ cite در HTML
مثال (تگ 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 پشتیبانی می کند.
-
تگ code در HTML
مثال (تگ 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 پشتیبانی می کند.
آموزش های مرتبط
-
تگ col در HTML
مثال (تگ 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 پشتیبانی نمی شود.
مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی charspan 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
-
تگ colgroup در HTML
مثال (تگ 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 پشتیبانی نمی شود.
مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی charspan number مشخص می کند گروه ستون ها به اندازه چند ستون باشد valign top
middle
bottom
baselineدر HTML5 پشتیبانی نمی شود.
مشخص کننده تراز عمودی محتوا نسبت به گروه ستون هاwidth pixels
%
relative_lengthدر HTML5 پشتیبانی نمی شود.
مشخص کننده پهنای گروه ستون ها
ویژگی های عمومی تگ colgroup در HTML
تگ <colgroup> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ colgroup در HTML
تگ <colgroup> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ colgroup در JavaScript
-
تگ datalist در HTML
مثال (تگ datalist در HTML)
یک عنصر <input> با مقداری از پیش تعیین شده با عنصر <datalist>:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</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
-
تگ dd در HTML
مثال (تگ 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 پشتیبانی می کند.
آموزش های مرتبط
-
تگ del در HTML
مثال (تگ 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
-
تگ details در HTML
مثال (تگ 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
-
تگ dfn در HTML
تعریف و کاربرد تگ 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 پشتیبانی می کند.
آموزش های مرتبط
-
تگ dialog در HTML
مثال (تگ 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
-
تگ div در HTML
مثال (تگ 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 پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ div در JavaScript
-
تگ dt در HTML
مثال (تگ 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 پشتیبانی می کند.
آموزش های مرتبط
-
تگ em در HTML
تعریف و کاربرد تگ 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 پشتیبانی می کند.
آموزش های مرتبط
-
تگ embed در HTML
مثال (تگ embed در HTML)
یک flash animation جاسازی شده:
<embed src="helloworld.swf">
خودتان امتحان کنید »
تعریف و کاربرد تگ 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
-
تگ fieldset در HTML
مثال (تگ 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
-
تگ figcaption در HTML
مثال (تگ 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 پشتیبانی می کند.
-
تگ figure در HTML
مثال (تگ figure در HTML)
استفاده از عنصر <figure> برای نشانه گذاری یک عکس در یک سند:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</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 پشتیبانی می کند.
-
تگ font در HTML
مثال (تگ font در HTML)
تعیین font size ،font face و color برای یک متن:
<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
خودتان امتحان کنید
تعریف و کاربرد تگ font در HTML
تگ <font> در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.
تگ <font> مشخص کننده font face ،font size و color برای یک متن است.
پشتیبانی مرورگرها از تگ font در HTML
عنصر <font> بله بله بله بله بله
تفاوت بین HTML 4.01 و HTML5
تگ <font> در HTML5 پشتیبانی نمی شود.
خودتان امتحان کنید - مثال
مثال CSS: نحوه تنظیم سایز فونت
مطالعه بیشتر درباره: آموزش CSS-استایل دهی فونت و آموزش CSS-استایل دهی متن .
خصوصیت های اختیاری
خصوصیت مقدار توضیحات color rgb(x,x,x)
#xxxxxx
colornameدر HTML5 پشتیبانی نمی شود.
مشخص کننده color در یک متنface font_family در HTML5 پشتیبانی نمی شود.
مشخص کننده font در یک متنsize number در HTML5 پشتیبانی نمی شود.
مشخص کننده size در یک متن -
تگ footer در HTML
مثال (تگ 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 پشتیبانی می کند.
