جاوااسکریپت html
مثال ها - خودتان امتحان کنید
چگونگی اضافه کردن یک script را به سند HTML را نشان می دهد
برای مرورگرهایی که تگ script را پشتیبانی نمی کنند یا تگ script فعال نیست به کار می رود
تگ <HTML <script
تگ script برای تعریف یک اسکریپت سمت کلاینت (مشتری) مانند جاوااسکریپت
استفاده می شود
عنصر script شامل جملات اسکریپتیست یا با استفاده از صفت src به یک فایل خارجی
اسکریپتی اشاره می کند
خصیصه ضروری type نوع MIME اسکریپت را مشخص می کند
استفاده های متداولی که از جاوااسکریپت می شود دست کاری تصاویر ، معتبر ساختن
فرم ها ، تغییرات پویای محتوا می باشد
اسکریپت زیر برای خروجی Hello World! ، HTML را می نویسد
<script>
document.write("Hello World!")
</script>
برای فراگیری بیشتر در رابطه با جاوااسکریپت از آموزش جاوااسکریپت ما بازدید فرمایید
تگ <HTML <noscript
تگ <noscript> برای فراهم آوردن یک محتوای جداگانه برای کاربرانی که اسکریپت
مرورگرشان را غیر فعال کرده اند یا مرورگری دارند که اسکریپت سمت مشتری را
پشتیبانی نمی کند استفاده می شود
عنصر <noscript> می تواند شامل تمامی عنصرهایی باشد که شما می توانید در
داخل عنصر <body> یک صفحه معمولی HTML پیدا کنید
محتوای داخل عنصر <noscript> تنها زمانی نمایش می یابد که اسکریپت پشتیبانی
نشود یا اسکریپت در مرورگر کاربر غیر فعال شده باشد
<script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
مثال هایی از جاوااسکریپت (تهیه شده از آموزش جاوااسکریپت ما)
در اینجا مثال هایی از کارهایی که جاوااسکریپت می تواند انجام دهد وجود دارد
جاوااسکریپت می تواند در خروجی HTML استفاده شود
document.write("<p>This is a paragraph</p>");
جاوااسکریپت می تواند در برابر رویدادها واکنش نشان دهد
<button type="button" onclick="myFunction()">Click Me!</button>
جاوااسکریپت می تواند سبک های HTML را دستکاری کند
document.getElementById("demo").style.color="#ff0000";
تگ های اسکریپت HTML
| Description | Tag |
| یک اسکریپت سمت کلاینت تعریف می کند | <script> |
| یک محتوای جداگانه برای کاربرانی که اسکریپت سمت کلاینت پشتیبانی نمی شود تعریف می کند | <noscript> |
مقدار رنگ ها در html
نام رنگ های پشتیبانی شده توسط تمام مرورگرها
فهرست زیر ، یک فهرست کامل از نام رنگ های پشتیبانی شده توسط تمام مرورگرهای
اصلی است
شما می توانید بر روی یک نام رنگ ( یا مقدار هگزادسیمال ) کلیک کنید ، تا رنگ به
عنوان رنگ پس زمینه همراه با متن های رنگی متفاوت را مشاهده کنید
نکته: مرورگرهای مختلف ممکن است رنگ های متفاوت را برای یک نام رنگ نشان دهند
برای مثال رنگ "سبز" نسبت به یک مرورگر دیگر می تواند روشن تر باشد
برای رسیدن به نتیجه مشابه در همه مرورگرها همیشه از نشانه گذاری مبنای 16
استفاده کنید ( Hexadecimal notation=نشان گذاری مبنای 16)
مرتب شده بر اساس مقدار هگزادسیمال(HEX)
لینک : برای دیدن لینک زیر که بر اساس نام رنگ ها مرتب شده است
نکته: نام های فوق بخشی از استاندارد وب W3C نیست
فقط ۱۶ رنگ با استاندارد w3c پشتیبانی می شوند ، برای بقیه رنگ ها باید از مقادیر
مبنای ۱۶ ( HEX) آن ها استفاده کرد
نام رنگ ها در html
نام های رنگ پشتیبانی شده توسط تمام مرورگرها
فهرست زیر ، یک فهرست کامل از نام رنگ های پشتیبانی شده توسط تمام مرورگرهای
اصلی است
شما می توانید بر روی یک نام رنگ ( یا مقدار هگزادسیمال ) کلیک کنید ، تا رنگ به
عنوان رنگ پس زمینه همراه با متن های رنگی متفاوت را مشاهده کنید
نکته: مرورگرهای مختلف ممکن است رنگ های متفاوت را برای یک نام رنگ نشان دهند
برای مثال رنگ "سبز" نسبت به یک مرورگر دیگر می تواند روشن تر باشد
برای رسیدن به نتیجه مشابه در همه مرورگرها همیشه از نشانه گذاری مبنای 16
استفاده کنید ( Hexadecimal notation=نشان گذاری مبنای 16)
مرتب شده بر اساس نام
لینک : برای دیدن لیست زیر که بر اساس مقدار هگزادسیمال مرتب شده است
نکته: نام های فوق بخشی از استاندارد وب W3C نیست
فقط ۱۶ رنگ با استاندارد w3c پشتیبانی می شوند ، برای بقیه رنگ ها باید از مقادیر
مبنای ۱۶ ( HEX) آن ها استفاده کرد
رنگ های HTML
رنگ ها با ترکیب منابع نوری قرمز ، سبز و آبی معرفی می شوند
محتوای رنگ ها
رنگ ها با استفاده از نشان گذاری مبنای 16(هگزادسیمال) ، برای ترکیب مقدار رنگ
قرمز و سبز و آبی معرفی می شوند ، پایین ترین مقدار رنگی که می توان به یک منبع
رنگی داد صفر است (hex #00) و بالاترین مقدار 255 است(hex #ff)
این جدول حاصل ترکیب منابع نوری قرمز ، سبز و آبی را نشان می دهد:
| رنگ | مبنای 16 | RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #FF0000 | rgb(255,0,0) | |
| #00FF00 | rgb(0,255,0) | |
| #0000FF | rgb(0,0,255) | |
| #FFFF00 | rgb(255,255,0) | |
| #00FFFF | rgb(0,255,255) | |
| #FF00FF | rgb(255,0,255) | |
| #C0C0C0 | rgb(192,192,192) | |
| #FFFFFF | rgb(255,255,255) |
۱۶میلیون رنگ متفاوت
ترکیب مقادیر قرمز و سبز آبی از صفر تا 255 بیش از 16 میلیون رنگ متفاوت
(256*256*256) می دهد.اگر شما به جدول رنگ پایین نگاه کنید، شما نتایج مختلف
تغییرات رنگ قرمز از صفر تا 255 را در حالی که سبز و آبی صفر هستند خواهید دید.
برای دیدن لیست کامل رنگ متفاوت که بر پایه قرمز از صفر تا 255 هستند بر روی یکی
از مقادیر مبنای 16 یا rgb زیر کلیک کنید.
سایه های خاکستری
رنگ های خاکستری با استفاده از مقادیر برابر منابع رنگی نمایش داده می شوند.برای
آسان تر ساختن آن برای شما برای آنکه رنگ خاکستری را درست انتخاب کنید ما یک
جدول از سایه های خاکستری برای شما جمع آوری کرده ایم
| سایه های خاکستری | مبنای ۱۶ | RGB |
|---|---|---|
| #000000 | (rgb(0,0,0 | |
| #080808 | (rgb(8,8,8 | |
| #101010 | (rgb(16,16,16 | |
| #181818 | (rgb(24,24,24 | |
| #202020 | (rgb(32,32,32 | |
| #282828 | (rgb(40,40,40 | |
| #303030 | (rgb(48,48,48 | |
| #383838 | (rgb(56,56,56 | |
| #404040 | (rgb(64,64,64 | |
| #484848 | (rgb(72,72,72 | |
| #505050 | (rgb(80,80,80 | |
| #585858 | (rgb(88,88,88 | |
| #606060 | (rgb(96,96,96 | |
| #686868 | (rgb(104,104,104 | |
| #707070 | (rgb(112,112,112 | |
| #787878 | (rgb(120,120,120 | |
| #808080 | (rgb(128,128,128 | |
| #888888 | (rgb(136,136,136 | |
| #909090 | (rgb(144,144,144 | |
| #989898 | (rgb(152,152,152 | |
| A0A0A0 # | (rgb(160,160,160 | |
| A8A8A8 # | (rgb(168,168,168 | |
| B0B0B0 # | (rgb(176,176,176 | |
| B8B8B8 # | (rgb(184,184,184 | |
| C0C0C0 # | (rgb(192,192,192 | |
| C8C8C8 # | (rgb(200,200,200 | |
| D0D0D0 # | (rgb(208,208,208 | |
| D8D8D8 # | (rgb(216,216,216 | |
| E0E0E0 # | (rgb(224,224,224 | |
| E8E8E8 # | (rgb(232,232,232 | |
| F0F0F0 # | (rgb(240,240,240 | |
| F8F8F8 # | (rgb(248,248,248 | |
| FFFFFF # | (rgb(255,255,255 |
نام رنگ هایی که توسط تمام مرورگرها پشتیبانی می شود
یک کلکسیون از نام رنگ ها (نزدیک به 150 نام رنگ) که توسط تمام مرورگرهای اصلی
پشتیبانی می شود
مشاهده کن ، نام رنگ هایی که توسط تمام مرورگرها پشتیبانی می شود
نام رنگ های استاندارد وب
کنسرسیوم وب جهان گستر فقط 16 رنگ معتبر را برای HTML و CSS فهرست
کرده است:
aqua , black , blue , fuchsia , gray , green , lime , maroon , navy ,olive , purple , red , silver , teal , white , yellow
نکته: مرورگرهای مختلف ممکن است رنگ های متفاوت را برای یک نام رنگ نشان دهند
برای مثال رنگ "سبز" نسبت به یک مرورگر دیگر می تواند روشن تر باشد
برای رسیدن به نتیجه مشابه در همه مرورگرها همیشه از نشانه گذاری مبنای 16
استفاده کنید ( Hexadecimal notation=نشان گذاری مبنای 16)
رنگ های ایمن وب
چندین سال پیش که کامپیوترها فقط 256 رنگ متفاوت را پشتیبانی می کردند ،
فهرستی از 216 رنگ ایمن وب به عنوان استاندارد وب پیشنهاد شد ، دلیل این پیشنهاد
آن بود که سیستم عامل های مایکروسافت و Mac از 40 رنگ ثابت از پیش تعیین شده
سیستمی استفاده می کردند جدول متقاطع 216 رنگ ایمن وب در اصل برای اطمینان از
اینکه همه کامپیوترها ، همه رنگ های آن را هنگامی که پالت رنگ 256 تایی اجرا می
شود ، دقیق نشان خواهند داد ساخته شدامروزه این مهم نیست ، از آنجا که اکثر
کامپیوترها می توانند میلیون ها رنگ متفاوت را نشان دهند ، به هر حال فهرست در زیر
گردآوری شده است :
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
ifram های html
یک iframe برای نمایش یک صفحه وب در داخل صفحه وب استفاده می شود
قاعده اضافه کردن یک iframe بدین صورت است :
<iframe src="URL"></iframe>
URL به مکان یک صفحه جداگانه اشاره می کند
مشخص کردن height و width
مشخصه height و width برای مشخص کردن ارتفاع و عرض یک iframe استفاده می
شود مقادیر صفت ها به طور پیش فرض به صورت پیکسل مشخص می شوند اما می
توانند به صورت درصد نیز باشند (مثلا 80%)
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
برداشتن مرز (border)
مشخصه frameborder مرز دور iframe را مشخص می کند
با مشخص کردن مقدار "0" برای آن مرز دور iframe برداشته می شود
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
از iframe به عنوان یک target برای یک لینک استفاده کنید
یک iframe می تواند به عنوان یک target برای یک لینک استفاده شود
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3cschools.ir"
target="iframe_a">W3CSchools.ir</a></p>
تگ iframe
| Description | Tag |
| یک فریم داخلی را معرفی می کند | iframe |