فیلم آموزش html
تگ output در HTML
مثال (تگ output در HTML)
انجام محاسبات و نشان دهنده نتیجه در عنصر <output> :
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
خودتان امتحان کنید »تعریف و کاربرد تگ output در HTML
تگ <output> نشان دهنده نتیجه یک محاسبه است. (مانند نتیجه محاسبات انجام شده توسط یک اسکریپت)
پشتیبانی مرورگرها از تگ output در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <output> 10.0 پشتیبانی نمی شود 4.0 5.1 11.0 تفاوت بین HTML 4.01 و HTML5
تگ <output> یک تگ جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات for element_id رابطه بین نتیجه برای محاسبات وعنصر استفاده شده در محاسبات را مشخص می کند. form form_id مشخص کننده فرم یا فرم هایی است که عنصر output متعلق به آنهاست. name name یک name برای عنصر output مشخص می کند. ویژگی های عمومی تگ output در HTML
تگ <output> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ output در HTML
تگ <output> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ param در HTML
مثال (تگ param در HTML)
تنظیم پارامتر "autoplay" با مقدار "true":
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
خودتان امتحان کنید »تعریف و کاربرد تگ param در HTML
تگ <param> برای تعریف پارامترهای عنصر <object> استفاده می شود.
نکته: HTML 5 همچنین شامل دو عنصر جدید <audio> و <video> برای پخش صوت و تصویر می باشد.
پشتیبانی مرورگرها از تگ param در HTML
تگ <param> در همه مرورگرهای اصلی پشتیبانی می شود. با این حال، فرمت فایل تعریف شده در عنصر <object> ممکن است در همه مرورگرها پشتیبانی نشود.
عنصر <param> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
خصوصیت "type" و "valuetype" در HTML5 پشتیبانی نمی شود.
تفاوت بین HTML و XHTML
در HTML تگ <param> تگ پایانی ندارد.
در XHTML تگ <param> باید با یک تگ پایانی بسته شود، مانند <param />.
خصوصیت ها
خصوصیت مقدار توضیحات name name یک name برای param مشخص می کند. type media_type در HTML5 پشتیبانی نمی شود.
نوع media پارامتر را مشخص می کند.value value یک مقدار برای param مشخص می کند. valuetype data
ref
objectدر HTML5 پشتیبانی نمی شود.
مشخص می کند مقدار مورد نظر از چه نوع است.ویژگی های عمومی تگ param در HTML
تگ <param> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ param در HTML
تگ <param> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ param در JavaScript
تگ pre در HTML
مثال (تگ pre در HTML)
متن به صورت Preformatted :
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks
</pre>
خودتان امتحان کنید »تعریف و کاربرد تگ pre در HTML
تگ <pre> متن را به صورت preformatted نمایش می دهد. (خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند).
متن در عنصر <pre> در یک پهنای فونت ثابت (معمولا Courier)، و حفظ همان مقدار فضای خالی و پرش به خط بعد نمایش داده می شود.
پشتیبانی مرورگرها از تگ pre در HTML
عنصر <pre> بله بله بله بله بله نکته ها و ترفندها
نکته: از عنصر <pre> هنگام نمایش متن در یک حالت غیر معمول یا به نوعی نمایش کد کامپیوتری داخل صفحه HTMLاستفاده می شود.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "width" در HTML5 پشتیبانی نمی شود.
خصوصیت ها
خصوصیت مقدار توضیحات width number در HTML5 پشتیبانی نمی شود.
تعداد ماکزیمم کاراکترهایی که برای هر line قرار می گیرد را مشخص می کند.ویژگی های عمومی تگ pre در HTML
تگ <pre> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ pre در HTML
تگ <pre> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ pre در JavaScript
تگ progress در HTML
مثال (تگ progress در HTML)
مقدار پیشرفت یک دانلود:
<progress value="22" max="100"></progress>
خودتان امتحان کنید »تعریف و کاربرد تگ progress در HTML
تگ <progress> نشان دهنده پیشرفت یک پروسه یا کار است.
پشتیبانی مرورگرها از تگ progress در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <progress> 8.0 10.0 16.0 6.0 11.0 تفاوت بین HTML 4.01 و HTML5
تگ <progress> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: از تگ <progress> به وسیله JavaScript برای نمایش پیشرفت کار استفاده می کنیم.
نکته: از تگ <progress> برای نمایش دادن اندازه یا مقیاس استفاده نمی کنیم (به عنوان مثال فضای دیسک استفاده شده و یا ارتباط از نتیجه پرس و جو). برای این کار می توان از تگ <meter> استفاده کنیم.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات max number مشخص می کند که در کل چه مقدار لازم است که پروسه کامل شود. value number مشخص می کند که چه مقدار از پروسه پیش رفته است. ویژگی های عمومی تگ progress در HTML
تگ <proress> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ progress در HTML
تگ <progress> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ progress در JavaScript
تگ q در HTML
مثال (تگ q در HTML)
یک نقل قول کوتاه:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ q در HTML
تگ <q> یک نقل قول کوتاه را تعریف می کند.
مرورگرها معمولا علامت نقل قول را در اطراف نقل قول درج می کنند.
پشتیبانی مرورگرها از تگ q در HTML
عنصر <q> بله بله بله بله بله نکته ها و ترفندها
نکته: از عنصر <blockquote> برای نشانه گذاری یک بخش استفاده می شود که به نقل از منبع دیگری است.
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
خصوصیت ها
خصوصیت مقدار توضیحات cite URL آدرس منبع نقل قول را مشخص می کند. ویژگی های عمومی تگ q در HTML
تگ <q> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ q در HTML
تگ <q> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ q در JavaScript
تگ rp در HTML
مثال (تگ rp در HTML)
حاشیه نویسی ruby :
<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>
خودتان امتحان کنید »تعریف و کاربرد تگ rp در HTML
تگ <rp> تعریف می کند که چه چیزی نشان داده شود، اگر مرورگر از حاشیه نویسی ruby پشتیبانی نکند.
حاشیه نویسی ruby برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی کاربرد دارد.
تگ <rp> همراه با تگ <ruby> و تگ <rt> استفاده می شود: تگ <ruby> شامل یک یا چند کاراکتر است که نیاز به تفسیر یا تلفظ صحیح کارکترها دارد، و تگ <rt> برای دادن اطلاعات و اختیار به تگ <rp> که چه چیزی نشان داده شود، هنگامی که مرورگر از حاشیه نویسی ruby پشتیبانی نکند.
پشتیبانی مرورگرها از تگ rp در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <rp> 5.0 5.5 38.0 5.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <rp> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ rp در HTML
تگ <rp> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ rp در HTML
تگ <rp> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ rt در HTML
تعریف و کاربرد تگ rt در HTML
تگ <rt> توضیح یا تلفظ صحیح حروف (برای تایپوگراف شرق آسیا) در حاشیه نویسی ruby را مشخص می کند.
تگ <rt> همراه با تگ <ruby> و تگ <rp> به کار می رود: تگ <ruby> شامل یک یا چند کاراکتر است که نیاز به تفسیر یا تلفظ صحیح کارکترها دارد، و تگ <rt> برای دادن اطلاعات و اختیار به تگ <rp> که چه چیزی نشان داده شود، هنگامی که مرورگر از حاشیه نویسی ruby پشتیبانی نکند.
پشتیبانی مرورگرها از تگ rt در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <rt> 5.0 5.5 38.0 5.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <rt> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ rt در HTML
تگ <rt> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ rt در HTML
تگ <rt> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ ruby در HTML
تعریف و کاربرد تگ ruby در HTML
تگ <ruby> حاشیه نویسی ruby را مشخص می کند.
حاشیه نویسی ruby برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی کاربرد دارد.
تگ <ruby> همراه با تگ <rp> و تگ <rt> استفاده می شود: تگ <ruby> شامل یک یا چند کاراکتر است که نیاز به تفسیر یا تلفظ صحیح کارکترها دارد، و تگ <rt> برای دادن اطلاعات و اختیار به تگ <rp> که چه چیزی نشان داده شود، هنگامی که مرورگر از حاشیه نویسی ruby پشتیبانی نکند.
پشتیبانی مرورگرها از تگ ruby در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <ruby> 5.0 5.5 38.0 5.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <ruby> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ ruby در HTML
تگ <ruby> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ ruby در HTML
تگ <ruby> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ s در HTML
مثال (تگ s در HTML)
متن به صورت خط خورده:
<p><s>My car is blue.</s></p>
<p>My new car is silver.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ s در HTML
تگ <s> مشخص می کند که متن درست، دقیق و مناسب نیست.
از تگ <s> برای متن جایگزین یا حذف شده نباید استفاده کرد، می توانیم به جای آن از تگ <del> استفاده کنیم .
پشتیبانی مرورگرها از تگ s در HTML
عنصر <s> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
عنصر <s> در HTML 4.01، متن را به صورت خط خورده نمایش می دهد و استفاده از آن هم توصیه نمی شود.
عنصر <s> در HTML5، مشخص می کند که متن درست، دقیق و مناسب نیست.
ویژگی های عمومی تگ s در HTML
تگ <s> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ s در HTML
تگ <s> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ samp در HTML
مثال (تگ samp در HTML)
قالب متن در یک سند:
<samp>Sample output from a computer program</samp>
خودتان امتحان کنید »تعریف و کاربرد تگ samp در HTML
تگ <samp> یک تگ عبارتی است. نمونه خروجی از یک برنامه کامپیوتری را مشخص می کند.
نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.
تمام تگ های تعریفی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد. <strong> متن را به صورت strong نمایش می دهد. <dfn> جهت تعریف definition term <code> متن را به صورت computer code نمایش می دهد. <samp> متن را به صورت sample computer code نمایش می دهد. <kbd> متن را به صورت keyboard نمایش می دهد. <var> متن را به صورت variable نمایش می دهد. پشتیبانی مرورگرها از تگ samp در HTML
عنصر <samp> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ samp در HTML
تگ <samp> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ samp در HTML
تگ <samp> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ script در HTML
مثال (تگ script در HTML)
script زیر عبارت Hello World را چاپ می کند:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
خودتان امتحان کنید »تعریف و کاربرد تگ script در HTML
تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript
عنصر <script> به دو صورت استفاده می شود یا با نوشتن دستورات درون تگ script یا به صورت یک فایل script خارجی که با خصوصیت src مشخص می شود.
کاربردهای رایج برای JavaScript: دستکاری تصویر، اعتبار سنجی فرم و تغییرات محتوا بصورت پویا می باشد.
پشتیبانی مرورگرها از تگ script در HTML
عنصر <script> بله بله بله بله بله نکته ها و ترفندها
نکته: اگر از خصوصیت "src" استفاده کنیم , عنصر <script> باید خالی باشد.
نکته: همچنین عنصر <noscript> زمانی استفاده می شود که script ها در مرورگر غیر فعال شده یا مرورگری است که script سمت کاربر را پشتیبانی نمی کنند.
نکته: راه های مختلف برای اجرا شدن script خارجی:
- اگر خصوصیت "async="async باشد: اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود (زمانی کی که اسکریپت شما به سایر اسکریپت ها وابستگی نداشته باشد).
- اگر خصوصیت async ارائه نشود و خصوصیت "defer="defer باشد: اسکریپت پس از بازگذاری کامل صفحه اجرا می شود و تمام دستورات نیز در آخرین مرحله اجرا می شوند.
- اگر async یا defer هیچکدام ارائه نشوند: اسکریپت بلافاصله اجرا می شود قبل از اینکه مرورگر به بارگذاری آن صفحه ادامه دهد.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "type" در HTML 4 الزامی است، اما در HTML5 اختیاری است.
خصوصیت "async" در HTML5 جدید است.
خصوصیت "xml:space" موجود در HTML 4.01، در HTML5 پشتیبانی نمی شود.
تفاوت بین HTMLوXHTML
در XHTML، محتویات درون اسکریپت به عنوان PCDATA# (به جای CDATA) اعلام می شود، بدان معنی است که موجودیت تجزیه خواهد شد.
این به این معنی است که در XHTML، تمام کاراکترهای خاص باید کد گذاری شود، یا تمام مطالب باید در داخل یک بخش CDATA پنهان شود:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات async async مشخص می کند که اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود. (فقط برای اسکریپت خارجی) charset charset نحوه کد گذاری کاراکترها را در اسکریپت مشخص می کند. defer defer مشخص می کند که اسکریپت پس از بازگذاری کامل صفحه اجرا می شود. (فقط برای اسکریپت خارجی) src URL مسیر کامل فایلی که دستورات اسکریپت در آن قرار دارد را مشخص می کند. type media_type نوع اسکریپت را مشخص می کند. xml:space preserve در HTML5 پشتیبانی نمی شود.
مشخص می کند که whitespace در کد باید حفظ شود.ویژگی های عمومی تگ script در HTML
تگ <script> از ویژگی های عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ script در JavaScript
تگ section در HTML
مثال (تگ section در HTML)
یک بخش یا قسمت مجزا در یک سند وب:
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>
خودتان امتحان کنید »تعریف و کاربرد تگ section در HTML
تگ <section> تعیین یک بخش یا قسمت مجزا در یک سند وب، مانند فصل، هدر، پاورقی، و یا هر بخش دیگر از سند را مشخص می کند.
پشتیبانی مرورگرها از تگ section در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <section> 6.0 9.0 4.0 5.0 11.1 تفاوت بین HTML 4.01 و HTML5
تگ <section> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ section در HTML
تگ <section> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ section در HTML
تگ <section> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ select در HTML
مثال (تگ select در HTML)
یک لیست drop-down برای چهار options:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
خودتان امتحان کنید »تعریف و کاربرد تگ select در HTML
تگ <select> برای ایجاد یک لیست کشویی (drop-down) استفاده می شود.
تگ <option> درون عنصر <select> گزینه های موجود در لیست را تعریف می کند.
پشتیبانی مرورگرها از تگ select در HTML
عنصر <select> بله بله بله بله بله نکته ها و ترفندها
نکته: عنصر <select> برای کنترل فرم است، و در یک فرم می تواند برای جمع آوری ورودی کاربر استفاده شود.
تفاوت بین HTML 4.01 و HTML5
برخی از خصوصیت های جدید در HTML5 اضافه شده است.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات autofocus autofocus مشخص می کند که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد. disabled disabled مشخص می کند که لیست drop-down باید غیر فعال باشد. form form_id فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند. multiple multiple مشخص می کند که مقادیر متعددی را می توان یکمرتبه انتخاب کرد. name name یک name برای لیست drop-down تعریف می کند. required required مشخص می کند که فیلد ورودی قبل از ارسال به سرور باید حتما پر شده باشد. size number تعداد مقادیر قابل مشاهده در لیست را مشخص می کند. ویژگی های عمومی تگ select در HTML
تگ <select> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ select در HTML
تگ <select> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ select در JavaScript
تگ small در HTML
مثال (تگ small در HTML)
نمایش یک متن کوچکتر:
<p>W3Schools.com - the world's largest web development site.</p>
<p><small>Copyright 1999-2050 by Refsnes Data</small></p>
خودتان امتحان کنید »تعریف و کاربرد تگ small در HTML
تگ <small> متن درونش را یک واحد کوچکتر از متون اطرافش مشخص می کند.
پشتیبانی مرورگرها از تگ small در HTML
عنصر <small> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ small در HTML
تگ <small> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ small در HTML
تگ <small> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ source در HTML
مثال (تگ source در HTML)
پخش کننده های صوتی با دو منبع فایل، که مرورگر یکی را انتخاب می کند،بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
خودتان امتحان کنید »تعریف و کاربرد تگ source در HTML
تگ <source> برای تعیین منابع چند رسانه ای برای عناصر رسانه هایی، مانند<video> و <audio> استفاده می شود.
تگ <source> به شما اجازه می دهد که سورس های متفاوت صوتی یا ویدیویی برای مرورگر تعیین کنید تا بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند، یکی را انتخاب کند.
پشتیبانی مرورگرها از تگ source در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <source> 4.0 9.0 3.5 4.0 10.5 تفاوت بین HTML 4.01 و HTML5
تگ <source> یک تگ جدید در HTML5 است.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات media media_query نوع منبع media را مشخص می کند. src URL آدرس فایل صوتی یا تصویری را مشخص می کند. type media_type نوع media را برای منبع media مشخص می کند. ویژگی های عمومی تگ source در HTML
تگ <source> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ source در HTML
تگ <source> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ source در JavaScript
تگ span در HTML
مثال (تگ span در HTML)
استفاده از عنصر span برای متمایز کردن رنگ قسمتی از متن:
<p>My mother has <span style="color:blue">blue</span> eyes.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ span در HTML
تگ <span> یک عنصر درون خطی (inline) در سند است.
تگ <span> بدون تغییرات بصری هیچ چیز در صفحه نشان نمی دهند.
تگ <span> راهی را برای اضافه کردن قالب به بخشی از یک متن و یا بخشی از یک سند فراهم می کند.
پشتیبانی مرورگرها از تگ span در HTML
عنصر <span> بله بله بله بله بله نکته ها و ترفندها
نکته: هنگامی که شما از تگ <span> استفاده می کنید، می توانید از ویژگی های CSSیا JavaScriptبرای این تگ استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ span در HTML
تگ <span> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ span در HTML
تگ <span> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ span در JavaScript
تگ strong در HTML
تعریف و کاربرد تگ strong در HTML
تگ <strong> یک تگ تعریفی است و متن مهم را تعریف می کند.
نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.
همه تگ های تعریفی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد. <strong> متن را به صورت strong نمایش می دهد. <dfn> جهت تعریف definition term <code> متن را به صورت computer code نمایش می دهد. <samp> متن را به صورت sample computer code نمایش می دهد. <kbd> متن را به صورت keyboard نمایش می دهد. <var> متن را به صورت variable نمایش می دهد. پشتیبانی مرورگرها از تگ strong در HTML
عنصر <strong> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
در HTML 4.01، تگ <strong> متن را به صورت strong emphasized نشان می دهد، اما در HTML5، متن مهم را معرفی می کند.
ویژگی های عمومی تگ strong در HTML
تگ <strong> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ strong در HTML
تگ <strong> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ style در HTML
مثال (تگ style در HTML)
طریقه استفاده از عنصر <style> در سند HTML:
<html>
<head>
<style>
h1{color:red;}
p{color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
خودتان امتحان کنید »تعریف و کاربرد تگ style در HTML
تگ <style> برای تعریف اطلاعات استایل برای یک سند HTMLاستفاده می شود.
در داخل عنصر <style> مشخص می کنید که چگونه عناصر HTML باید در یک مرورگر نمایش داده شود.
هر سند HTML می تواند شامل چند تگ <style> باشد .
پشتیبانی مرورگرها از تگ style در HTML
عنصر <style> بله بله بله بله بله نکته ها و ترفندها
نکته: برای لینک کردن به یک فایل CSS خارجی، از تگ <link> استفاده می کنیم.
نکته: برای کسب اطلاعات بیشتر در مورد CSS، به بخش آموزش CSS بروید.
نکته: اگر خصوصیت "scoped" استفاده نشود، هر تگ <style> باید در قسمت head قرار گیرد.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "scoped" در HTML5 جدید است، که اجازه می دهد styles برای بخش مشخصی از سند تعریف شود. اگر خصوصیت"scoped" وجود داشته باشد، آن styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات media media_query مشخص می کند که چه media یا دستگاهی برای منبع media مناسب است. scoped scoped مشخص می کند که styles فقط به عناصر style عنصر والد و عنصر فرزند اعمال می شود. type text/css نوع media در تگ <style> را مشخص می کند. ویژگی های عمومی تگ style در HTML
تگ <style> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ style در HTML
تگ <style> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ style در JavaScript
تگ sub در HTML
مثال (تگ sub در HTML)
متن زیرنویس:
<p>This text contains <sub>subscript</sub> text.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ sub در HTML
تگ <sub> متن را به صورت زیرنویس تعریف می کند. زیرنویس ها معمولا به اندازه ی نصف ارتفاع یک کاراکتر پایین تر از بقیه ی کاراکتر قرار می گیرند و گاهی اوقات در یک فونت کوچکتر ارائه می شوند . از زیرنویس می توان برای نمایش فرمول شیمیایی استفاده کرد، مانند: H2O.
نکته:از تگ <sup> برای تعریف متن به صورت بالانویس استفاده می کنیم.
پشتیبانی مرورگرها از تگ sub در HTML
عنصر <sub> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ sub در HTML
تگ <sub> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ sub در HTML
تگ <sub> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ summary در HTML
مثال (تگ summary در HTML)
استفاده از عنصر <summary>:
<details>
<summary>Copyright 1999-2011.</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>
خودتان امتحان کنید »تعریف و کاربرد تگ summary در HTML
تگ <summary> یک عنوان قابل مشاهده برای عنصر <details> تعریف می کند. که عنوان را می توان با استفاده از کلیک کردن باز یا بسته نمایید.
پشتیبانی مرورگرها از تگ summary در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <summary> 12.0 پشتیبانی نمی شود پشتیبانی نمی شود 6.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <summary> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: تگ <summary> باید به صورت اولین عنصر فرزند تگ <details> قرار گیرد.
ویژگی های عمومی تگ summary در HTML
تگ <summary> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ summary در HTML
تگ <summary> از رویدادهای عمومی در HTML پشتیبانی می کند.
