آموزش نام رنگ ها در HTML 

saber
4 سال پیش
امتیاز دهید post

نام رنگ ها در HTML 

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش نام رنگ ها در HTML خواهیم پرداخت.

جدول زیر 16 نام رنگ که در HTML 3.2 معرفی شده اند را نشان می دهد:

نام رنگ مقدار Hex رنگ Show
آکوا #00ffff Demo
سیاه #000000 Demo
آبی #0000ff Demo
صورتی #ff00ff Demo
سبز #008000 Demo
خاکستری #808080 Demo
لیمویی #00ff00 Demo
زرشکی #800000 Demo
سرمه اس #000080 Demo
زیتونی #808000 Demo
بفنش #800080 Demo
قرمز #ff0000 Demo
نقره ای #c0c0c0 Demo
سبز دودی #008080 Demo
سفید #ffffff Demo
زرد #ffff00 Demo

رنگ های دیگری نیز وجود دارد که بخشی از HTML یا XHTML نیستند اما توسط اکثر نسخه های مرورگرهای اصلی پشتیبانی می شوند

نام رنگ مقدار Hex رنگ Show
آبی آلیس #f0f8ff Demo
سفید آنتیک #faebd7 Demo
آکوامارین #7fffd4 Demo
لاجوردی #f0ffff Demo
بژ #f5f5dc Demo
کرم #ffe4c4 Demo
blanchedalmond #ffebcd Demo
آبی بفنش #8a2be2 Demo
قهوه ای #a52a2a Demo
burlywood #deb887 Demo
آبی کادت #5f9ea0 Demo
chartreuse #7fff00 Demo
شکلاتی #d2691e Demo
مرجانی #ff7f50 Demo
گل ذرت آبی #6495ed Demo
cornsilk #fff8dc Demo
زرشکی #dc143c Demo
cyan #00ffff Demo
آبی تیره #00008b Demo
فیروزه ای تیره #008b8b Demo
طلایی تیره #b8860b Demo
خاکستری تیره #a9a9a9 Demo
سبز تیره #006400 Demo
خاکی تیره #bdb76b Demo
سرخابی تیره #8b008b Demo
سبز زیتونی تیره #556b2f Demo
نارنجی تیره #ff8c00 Demo
ارکیده تیره #9932cc Demo
قرمز تیره #8b0000 Demo
صورتی تیره #e9967a Demo
سبز تیره #8fbc8f Demo
آبی بنفش تیره #483d8b Demo
سبز لجنی تیره #2f4f4f Demo
فیروزه ای تیره #00ced1 Demo
بنفش تیره #9400d3 Demo
صورتی پررنگ #ff1493 Demo
آبی پررنگ #00bfff Demo
dimgray #696969 Demo
dodgerblue #1e90ff Demo
سرخ آتشی #b22222 Demo
سفید گل #fffaf0 Demo
سبز جنگلی #228b22 Demo
گینسبورو #dcdcdc Demo
سفید روحی #f8f8ff Demo
طلایی #ffd700 Demo
طلایی تیره #daa520 Demo
خاکستری #808080 Demo
سبز زرد #adff2f Demo
honeydew #f0fff0 Demo
صورتی گرم #ff69b4 Demo
قرمز هندی #cd5c5c Demo
ایتدیگو #4b0082 Demo
عاجی #fffff0 Demo
خاکی #f0e68c Demo
اسطوخودوس #e6e6fa Demo
lavenderblush #fff0f5 Demo
سبز چمنی #7cfc00 Demo
شیفون لیمویی #fffacd Demo
آبی روشن #add8e6 Demo
مرجانی روشن #f08080 Demo
فیروزه ای روشن #e0ffff Demo
زرد طلایی روشن #fafad2 Demo
سبز روشن #90ee90 Demo
خاکستری روشن #d3d3d3 Demo
صورتی  روشن #ffb6c1 Demo
سالمون روشن #ffa07a Demo
سبز دریایی روشن #20b2aa Demo
سبز آسمانی روشن #87cefa Demo
 خاکستری روشن #778899 Demo
ابی مایل به خاکستری روشن #b0c4de Demo
زرد روشن #ffffe0 Demo
سبز لیمویی #32cd32 Demo
کتان #faf0e6 Demo
ارغوانی #ff00ff Demo
آبی متوسط #0000cd Demo
ارکید متوسط #ba55d3 Demo
بنفش متوسط #9370db Demo
آبی نیمه شب #191970 Demo
گل رز مه آلود #ffe4e1 Demo
moccasin #ffe4b5 Demo
oldlace #fdf5e6 Demo
نارنجی #ffa500 Demo
ارکید #da70d6 Demo
پف هلو #ffdab9 Demo
پرو #cd853f Demo
صورتی #ffc0cb Demo
پالم #dda0dd Demo
بنفش #800080 Demo
قهوه ای گلگون #bc8f8f Demo
آبی سلطنتی #4169e1 Demo
سالمون #fa8072 Demo
قهوه ای شنی #f4a460 Demo
سبز دریایی #2e8b57 Demo
sienna #a0522d Demo
آبی آسمانی #87ceeb Demo
آبی مایل به خاکستری #6a5acd Demo
آبی استیل #4682b4 Demo
برنزه #d2b48c Demo
رنگ خار #d8bfd8 Demo
گوجه ای #ff6347 Demo
بنفشه #ee82ee Demo
گندمی #f5deb3 Demo
سفید دودی #f5f5f5 Demo
زرد #ffff00 Demo
زرد سبز #9acd32

 

موجودیت ها در HTML

برخی از کاراکتر ها در HTML ذخیره می شوند و هنگام استفاده در سند HTML معنی خاصی دارند. به عنوان مثال، شما نمی توانید از علامت ها یا براکت های زاویه ای بزرگتر و کمتر از آن در متن HTML خود استفاده کنید زیرا مرورگر رفتار متفاوتی با آنها خواهد داشت و سعی می کند معنای مربوط به نگ HTML را ترسیم کند.

پردازنده های HTML باید از پنج کاراکتر خاص ذکر شده در جدول زیر پشتیبانی کنند.

نماد توضیحات نام موجودیت کد عددی
“ علامت نقل قول " "
‘ اپوستروف ' '
& امپرسند & &
< کوچکتر از &lt; &#60;
> بزرگتر از &gt; &#62;

 

مثال

اگر می خواهید <div id = “character”> را به عنوان کد بنویسید، باید آن را به صورت زیر بنویسید –

 

خروجی

 

همچنین یک لیست طولانی از کاراکترهای خاص در HTML 4.0 وجود دارد. برای اینکه این موارد در سند شما نشان داده شوند، می توانید از کد عددی یا نام موجودیت استفاده کنید. به عنوان مثال، برای درج نماد حق چاپ می توانید از هر یک از موارد زیر استفاده کنید –

 

نماد موجودیت ها ISO 8859-1 

نتیجه توضیحات نام موجودیت کد عددی
فضای نشکن &nbsp; &#160;
¡ علامت تعجب وارونه &iexcl; &#161;
¤ واحد پول &curren; &#164;
¢ سنت &cent; &#162;
£ پوند &pound; &#163;
¥ ین &yen; &#165;
¦ میله عمودی شکسته &brvbar; &#166;
§ بخش &sect; &#167;
¨ فاصله روزنه &uml; &#168;
© کپی رایت &copy; &#169;
ª شاخص ترتیبی زنانه &ordf; &#170;
« علامت نقل قول (سمت چپ) &laquo; &#171;
¬ نفی &not; &#172;
­ خط پیوند نرم &shy; &#173;
® علامت تجاری ثبت شده &reg; &#174;
™ علامت تجاری &trade; &#8482;
¯ فاصله ماکرون &macr; &#175;
° درجه &deg; &#176;
± به علاوه یا منهای &plusmn; &#177;
² بالانویس 2 &sup2; &#178;
³ بالانویس 3 &sup3; &#179;
´ فاصله اگو &acute; &#180;
µ میکرو &micro; &#181;
پاراگراف &para; &#182;
· نقطه میانی &middot; &#183;
¸ فاصله cedilla &cedil; &#184;
¹ بالانویس 1 &sup1; &#185;
º شاخص ترتیبی مردانه &ordm; &#186;
» علامت نقل قول  (راست) &raquo; &#187;
¼ کسر 1/4 &frac14; &#188;
½ کسر 1/2 &frac12; &#189;
¾ کسر 3/4 &frac34; &#190;
¿ علامت سوال معکوس &iquest; &#191;
× ضرب &times; &#215;
÷ تقسیم &divide; &#247;

 

 

کاراکتر موجودیت ها ISO 8859-1

نتیجه توضیحات نام موجودیت کد عددی
À حرف بزرگ a، اکسان گراو &Agrave; &#192;
Á حرف بزرگ a، اکسان اگو &Aacute; &#193;
 حرف بزرگ a، اکسان هشتک &Acirc; &#194;
à حرف بزرگ a، مدک &Atilde; &#195;
Ä حرف بزرگ a، علامت Umlaut &Auml; &#196;
Å  حرف بزرگ a، حلقه &Aring; &#197;
Æ  حرف بزرگ ae &AElig; &#198;
Ç  حرف بزرگ c، ا سدیل &Ccedil; &#199;
È حرف بزرگ e، اکسان گراو &Egrave; &#200;
É حرف بزرگ e، اکسان اگو &Eacute; &#201;
Ê  حرف بزرگ e، اکسان هشتک &Ecirc; &#202;
Ë حرف بزرگ e، علامت Umlaut &Euml; &#203;
Ì حرف بزرگ i، اکسان گراو &Igrave; &#204;
Í حرف بزرگ i، اکسان اگو &Iacute; &#205;
Î حرف بزرگ i، اکسان هشتک &Icirc; &#206;
Ï حرف بزرگ i، علامت Umlaut &Iuml; &#207;
Ð حرف بزرگ  eth، ایسلندی &ETH; &#208;
Ñ حرف بزرگ n، مدک &Ntilde; &#209;
Ò حرف بزرگ o، اکسان گراو &Ograve; &#210;
Ó  حرف بزرگ o، اکسان اگو &Oacute; &#211;
Ô حرف بزرگ o، اکسان هشتک &Ocirc; &#212;
Õ حرف بزرگ o، مدک &Otilde; &#213;
Ö  حرف بزرگ o، علامت Umlaut &Ouml; &#214;
Ø  حرف بزرگ o، اسلش &Oslash; &#216;
Ù  حرف بزرگ u، اکسان گراو &Ugrave; &#217;
Ú حرف بزرگ u، اکسان اگو &Uacute; &#218;
Û حرف بزرگ u، اکسان هشتک &Ucirc; &#219;
Ü حرف بزرگ u، علامت Umlaut &Uuml; &#220;
Ý حرف بزرگ y، اکسان اگو &Yacute; &#221;
Þ حرف بزرگ  THORN، ایسلندی &THORN; &#222;
ß s کوچک تیز، آلمانی &szlig; &#223;
à  حرف کوچک a، اکسان گراو &agrave; &#224;
á حرف کوچک a، اکسان اگو &aacute; &#225;
â حرف کوچک a، اکسان هشتک &acirc; &#226;
ã حرف کوچک a، مدک &atilde; &#227;
ä حرف کوچک a، علامت Umlaut &auml; &#228;
å حرف کوچک a، حلقه &aring; &#229;
æ حرف کوچک  ae &aelig; &#230;
ç حرف کوچک c، سدیل &ccedil; &#231;
è حرف کوچک e، اکسان گراو &egrave; &#232;
é حرف کوچک e، اکسان اگو &eacute; &#233;
ê حرف کوچک e، اکسان هشتک &ecirc; &#234;
ë حرف کوچک e، علامت Umlaut &euml; &#235;
ì حرف کوچک i، اکسان گراو &igrave; &#236;
í حرف کوچک i، اکسان اگو &iacute; &#237;
î حرف کوچک i، اکسان هشتک &icirc; &#238;
ï حرف کوچک i، علامت Umlaut &iuml; &#239;
ð حرف کوچک  eth، ایسلندی &eth; &#240;
ñ حرف کوچک n، مدک &ntilde; &#241;
ò حرف کوچک o، اکسان گراو &ograve; &#242;
ó حرف کوچک o، اکسان اگو &oacute; &#243;
ô حرف کوچک o، اکسان هشتک &ocirc; &#244;
õ حرف کوچک o، مدک &otilde; &#245;
ö حرف کوچک o، علامت Umlaut &ouml; &#246;
ø حرف کوچک o، اسلش &oslash; &#248;
ù حرف کوچک u، اکسان گراو &ugrave; &#249;
ú حرف کوچک u، اکسان اگو &uacute; &#250;
û حرف کوچک u، اکسان هشتک &ucirc; &#251;
ü حرف کوچک u، علامت Umlaut &uuml; &#252;
ý حرف کوچک y، اکسان اگو &yacute; &#253;
þ حرف کوچک  thorn، ایسلندی &thorn; &#254;
ÿ حرف کوچک y، علامت Umlaut &yuml; &#255;

 

سایر موجودیت های پشتیبانی شده توسط مرورگرهای HTML

نتیجه توضیحات موجودیت کد عددی
Œ لیگچر بزرگ  OE &OElig; &#338;
œ لیگچر کوچک  oe &oelig; &#339;
Š diaeres &Scaron; &#352;
š  S کوچک با کارون &scaron; &#353;
Ÿ y بزرگ با دو نقطه &Yuml; &#376;
ˆ حرف اصلاح کننده اکشلن هشتک &circ; &#710;
˜ مدوک کوچک &tilde; &#732;
en فاصله &ensp; &#8194;
em فاصله &emsp; &#8195;
thin فاصله &thinsp; &#8201;
‌ عرض صفر غیر متصل &zwnj; &#8204;
‍ عرض صفر متصل &zwj; &#8205;
‎ علامت چپ به راست &lrm; &#8206;
‏ علامت راست به چپ &rlm; &#8207;
– en dash (خط تیره) &ndash; &#8211;
— em dash (خط تیره) &mdash; &#8212;
‘ علامت نقل قول تکی چپ &lsquo; &#8216;
’ rعلامت نقل قول تکی راست &rsquo; &#8217;
‚ single low-9 quotation mark &sbquo; &#8218;
“ علامت نقل قول مضاعف چپ &ldquo; &#8220;
” علامت نقل قول مضاعف راست &rdquo; &#8221;
„ double low-9 quotation mark &bdquo; &#8222;
† خنجر &dagger; &#8224;
‡ خنجر دوتایی &Dagger; &#8225;
… بیضی افقی &hellip; &#8230;
‰ در هزار &permil; &#8240;
‹ نقل قول زاویه اشاره به چپ &lsaquo; &#8249;
› نقل قول زاویه اشاره به راست &rsaquo; &#8250;
€ یورو &euro; &#8364;

 

منبع.

 

لیست جلسات قبل آموزش HTML

    1. معرفی HTML
    2. نگاهی کلی به HTML
    3. آموزش تگ های پایه در HTML
    4. آموزش عناصر در HTML
    5. مفهوم ویژگی ها در HTML
    6. آموزش قالب بندی در HTML
    7. آموزش تگ های عبارت در HTML
    8. آموزش متا تگ ها در HTML 
    9. آموزش کامنت ها در HTML
    10. تصاویر در HTML
    11. آموزش جداول در HTML
    12. آموزش لیست ها در HTML
    13. آموزش لینک های عکس در HTML
    14. آموزش لینک های ایمیل در HTML
    15.  آموزش فریم ها در HTML
    16. آموزش Iframes در HTML
    17. آموزش بلوک در HTML
    18. آموزش پس زمینه در HTML
    19. آموزش رنگ ها در HTML
    20. آموزش فونت ها در HTML
    21. آموزش فرم ها در HTML
    22. آموزش چندرسانه ای در HTML 
    23. مفهوم Marquee در HTML 
    24. آموزش تگ Header در HTML
    25. آموزش Style Sheet در HTML
    26. مرجع تگ ها در HTML 
    27. مرجع ویژگی ها در HTML
    28. مرجع رویدادها در HTML
    29. مرجع فونت ها در HTML 
    30. کدهای ASCII در HTML
    31.  جدول ASCII در HTML
امتیاز دهید post
0
0
برچسب ها :
نویسنده مطلب saber

دیدگاه شما

بدون دیدگاه