آموزش نام رنگ ها در HTML
3 سال پیش
نام رنگ ها در HTML
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش نام رنگ ها در HTML خواهیم پرداخت.
جدول زیر ۱۶ نام رنگ که در HTML 3.2 معرفی شده اند را نشان می دهد:
| نام رنگ | مقدار Hex | رنگ | Show |
|---|---|---|---|
| آکوا | #۰۰ffff | Demo | |
| سیاه | #۰۰۰۰۰۰ | Demo | |
| آبی | #۰۰۰۰ff | Demo | |
| صورتی | #ff00ff | Demo | |
| سبز | #۰۰۸۰۰۰ | Demo | |
| خاکستری | #۸۰۸۰۸۰ | Demo | |
| لیمویی | #۰۰ff00 | Demo | |
| زرشکی | #۸۰۰۰۰۰ | Demo | |
| سرمه اس | #۰۰۰۰۸۰ | Demo | |
| زیتونی | #۸۰۸۰۰۰ | Demo | |
| بفنش | #۸۰۰۰۸۰ | Demo | |
| قرمز | #ff0000 | Demo | |
| نقره ای | #c0c0c0 | Demo | |
| سبز دودی | #۰۰۸۰۸۰ | Demo | |
| سفید | #ffffff | Demo | |
| زرد | #ffff00 | Demo |
رنگ های دیگری نیز وجود دارد که بخشی از HTML یا XHTML نیستند اما توسط اکثر نسخه های مرورگرهای اصلی پشتیبانی می شوند
| نام رنگ | مقدار Hex | رنگ | Show |
|---|---|---|---|
| آبی آلیس | #f0f8ff | Demo | |
| سفید آنتیک | #faebd7 | Demo | |
| آکوامارین | #۷fffd4 | Demo | |
| لاجوردی | #f0ffff | Demo | |
| بژ | #f5f5dc | Demo | |
| کرم | #ffe4c4 | Demo | |
| blanchedalmond | #ffebcd | Demo | |
| آبی بفنش | #۸a2be2 | Demo | |
| قهوه ای | #a52a2a | Demo | |
| burlywood | #deb887 | Demo | |
| آبی کادت | #۵f9ea0 | Demo | |
| chartreuse | #۷fff00 | Demo | |
| شکلاتی | #d2691e | Demo | |
| مرجانی | #ff7f50 | Demo | |
| گل ذرت آبی | #۶۴۹۵ed | Demo | |
| cornsilk | #fff8dc | Demo | |
| زرشکی | #dc143c | Demo | |
| cyan | #۰۰ffff | Demo | |
| آبی تیره | #۰۰۰۰۸b | Demo | |
| فیروزه ای تیره | #۰۰۸b8b | Demo | |
| طلایی تیره | #b8860b | Demo | |
| خاکستری تیره | #a9a9a9 | Demo | |
| سبز تیره | #۰۰۶۴۰۰ | Demo | |
| خاکی تیره | #bdb76b | Demo | |
| سرخابی تیره | #۸b008b | Demo | |
| سبز زیتونی تیره | #۵۵۶b2f | Demo | |
| نارنجی تیره | #ff8c00 | Demo | |
| ارکیده تیره | #۹۹۳۲cc | Demo | |
| قرمز تیره | #۸b0000 | Demo | |
| صورتی تیره | #e9967a | Demo | |
| سبز تیره | #۸fbc8f | Demo | |
| آبی بنفش تیره | #۴۸۳d8b | Demo | |
| سبز لجنی تیره | #۲f4f4f | Demo | |
| فیروزه ای تیره | #۰۰ced1 | Demo | |
| بنفش تیره | #۹۴۰۰d3 | Demo | |
| صورتی پررنگ | #ff1493 | Demo | |
| آبی پررنگ | #۰۰bfff | Demo | |
| dimgray | #۶۹۶۹۶۹ | Demo | |
| dodgerblue | #۱e90ff | Demo | |
| سرخ آتشی | #b22222 | Demo | |
| سفید گل | #fffaf0 | Demo | |
| سبز جنگلی | #۲۲۸b22 | Demo | |
| گینسبورو | #dcdcdc | Demo | |
| سفید روحی | #f8f8ff | Demo | |
| طلایی | #ffd700 | Demo | |
| طلایی تیره | #daa520 | Demo | |
| خاکستری | #۸۰۸۰۸۰ | Demo | |
| سبز زرد | #adff2f | Demo | |
| honeydew | #f0fff0 | Demo | |
| صورتی گرم | #ff69b4 | Demo | |
| قرمز هندی | #cd5c5c | Demo | |
| ایتدیگو | #۴b0082 | Demo | |
| عاجی | #fffff0 | Demo | |
| خاکی | #f0e68c | Demo | |
| اسطوخودوس | #e6e6fa | Demo | |
| lavenderblush | #fff0f5 | Demo | |
| سبز چمنی | #۷cfc00 | Demo | |
| شیفون لیمویی | #fffacd | Demo | |
| آبی روشن | #add8e6 | Demo | |
| مرجانی روشن | #f08080 | Demo | |
| فیروزه ای روشن | #e0ffff | Demo | |
| زرد طلایی روشن | #fafad2 | Demo | |
| سبز روشن | #۹۰ee90 | Demo | |
| خاکستری روشن | #d3d3d3 | Demo | |
| صورتی روشن | #ffb6c1 | Demo | |
| سالمون روشن | #ffa07a | Demo | |
| سبز دریایی روشن | #۲۰b2aa | Demo | |
| سبز آسمانی روشن | #۸۷cefa | Demo | |
| خاکستری روشن | #۷۷۸۸۹۹ | Demo | |
| ابی مایل به خاکستری روشن | #b0c4de | Demo | |
| زرد روشن | #ffffe0 | Demo | |
| سبز لیمویی | #۳۲cd32 | Demo | |
| کتان | #faf0e6 | Demo | |
| ارغوانی | #ff00ff | Demo | |
| آبی متوسط | #۰۰۰۰cd | Demo | |
| ارکید متوسط | #ba55d3 | Demo | |
| بنفش متوسط | #۹۳۷۰db | Demo | |
| آبی نیمه شب | #۱۹۱۹۷۰ | Demo | |
| گل رز مه آلود | #ffe4e1 | Demo | |
| moccasin | #ffe4b5 | Demo | |
| oldlace | #fdf5e6 | Demo | |
| نارنجی | #ffa500 | Demo | |
| ارکید | #da70d6 | Demo | |
| پف هلو | #ffdab9 | Demo | |
| پرو | #cd853f | Demo | |
| صورتی | #ffc0cb | Demo | |
| پالم | #dda0dd | Demo | |
| بنفش | #۸۰۰۰۸۰ | Demo | |
| قهوه ای گلگون | #bc8f8f | Demo | |
| آبی سلطنتی | #۴۱۶۹e1 | Demo | |
| سالمون | #fa8072 | Demo | |
| قهوه ای شنی | #f4a460 | Demo | |
| سبز دریایی | #۲e8b57 | Demo | |
| sienna | #a0522d | Demo | |
| آبی آسمانی | #۸۷ceeb | Demo | |
| آبی مایل به خاکستری | #۶a5acd | Demo | |
| آبی استیل | #۴۶۸۲b4 | Demo | |
| برنزه | #d2b48c | Demo | |
| رنگ خار | #d8bfd8 | Demo | |
| گوجه ای | #ff6347 | Demo | |
| بنفشه | #ee82ee | Demo | |
| گندمی | #f5deb3 | Demo | |
| سفید دودی | #f5f5f5 | Demo | |
| زرد | #ffff00 | Demo | |
| زرد سبز | #۹acd32 |
موجودیت ها در HTML
برخی از کاراکتر ها در HTML ذخیره می شوند و هنگام استفاده در سند HTML معنی خاصی دارند. به عنوان مثال، شما نمی توانید از علامت ها یا براکت های زاویه ای بزرگتر و کمتر از آن در متن HTML خود استفاده کنید زیرا مرورگر رفتار متفاوتی با آنها خواهد داشت و سعی می کند معنای مربوط به نگ HTML را ترسیم کند.
پردازنده های HTML باید از پنج کاراکتر خاص ذکر شده در جدول زیر پشتیبانی کنند.
| نماد | توضیحات | نام موجودیت | کد عددی |
|---|---|---|---|
| “ | علامت نقل قول | " | " |
| ‘ | اپوستروف | ' | ' |
| & | امپرسند | & | & |
| < | کوچکتر از | < | < |
| > | بزرگتر از | > | > |
مثال
اگر می خواهید <div id = “character”> را به عنوان کد بنویسید، باید آن را به صورت زیر بنویسید –
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>
خروجی
<div id = "character">
همچنین یک لیست طولانی از کاراکترهای خاص در HTML 4.0 وجود دارد. برای اینکه این موارد در سند شما نشان داده شوند، می توانید از کد عددی یا نام موجودیت استفاده کنید. به عنوان مثال، برای درج نماد حق چاپ می توانید از هر یک از موارد زیر استفاده کنید –
© 2007 or © 2007
نماد موجودیت ها ISO 8859-1
| نتیجه | توضیحات | نام موجودیت | کد عددی |
|---|---|---|---|
| فضای نشکن | |   | |
| ¡ | علامت تعجب وارونه | ¡ | ¡ |
| ¤ | واحد پول | ¤ | ¤ |
| ¢ | سنت | ¢ | ¢ |
| £ | پوند | £ | £ |
| ¥ | ین | ¥ | ¥ |
| ¦ | میله عمودی شکسته | ¦ | ¦ |
| § | بخش | § | § |
| ¨ | فاصله روزنه | ¨ | ¨ |
| © | کپی رایت | © | © |
| ª | شاخص ترتیبی زنانه | ª | ª |
| « | علامت نقل قول (سمت چپ) | « | « |
| ¬ | نفی | ¬ | ¬ |
| | خط پیوند نرم | ­ | ­ |
| ® | علامت تجاری ثبت شده | ® | ® |
| ™ | علامت تجاری | ™ | ™ |
| ¯ | فاصله ماکرون | ¯ | ¯ |
| ° | درجه | ° | ° |
| ± | به علاوه یا منهای | ± | ± |
| ² | بالانویس ۲ | ² | ² |
| ³ | بالانویس ۳ | ³ | ³ |
| ´ | فاصله اگو | ´ | ´ |
| µ | میکرو | µ | µ |
| ¶ | پاراگراف | ¶ | ¶ |
| · | نقطه میانی | · | · |
| ¸ | فاصله cedilla | ¸ | ¸ |
| ¹ | بالانویس ۱ | ¹ | ¹ |
| º | شاخص ترتیبی مردانه | º | º |
| » | علامت نقل قول (راست) | » | » |
| ¼ | کسر ۱/۴ | ¼ | ¼ |
| ½ | کسر ۱/۲ | ½ | ½ |
| ¾ | کسر ۳/۴ | ¾ | ¾ |
| ¿ | علامت سوال معکوس | ¿ | ¿ |
| × | ضرب | × | × |
| ÷ | تقسیم | ÷ | ÷ |
کاراکتر موجودیت ها ISO 8859-1
| نتیجه | توضیحات | نام موجودیت | کد عددی |
|---|---|---|---|
| À | حرف بزرگ a، اکسان گراو | À | À |
| Á | حرف بزرگ a، اکسان اگو | Á | Á |
| Â | حرف بزرگ a، اکسان هشتک | Â | Â |
| Ã | حرف بزرگ a، مدک | Ã | Ã |
| Ä | حرف بزرگ a، علامت Umlaut | Ä | Ä |
| Å | حرف بزرگ a، حلقه | Å | Å |
| Æ | حرف بزرگ ae | Æ | Æ |
| Ç | حرف بزرگ c، ا سدیل | Ç | Ç |
| È | حرف بزرگ e، اکسان گراو | È | È |
| É | حرف بزرگ e، اکسان اگو | É | É |
| Ê | حرف بزرگ e، اکسان هشتک | Ê | Ê |
| Ë | حرف بزرگ e، علامت Umlaut | Ë | Ë |
| Ì | حرف بزرگ i، اکسان گراو | Ì | Ì |
| Í | حرف بزرگ i، اکسان اگو | Í | Í |
| Î | حرف بزرگ i، اکسان هشتک | Î | Î |
| Ï | حرف بزرگ i، علامت Umlaut | Ï | Ï |
| Ð | حرف بزرگ eth، ایسلندی | Ð | Ð |
| Ñ | حرف بزرگ n، مدک | Ñ | Ñ |
| Ò | حرف بزرگ o، اکسان گراو | Ò | Ò |
| Ó | حرف بزرگ o، اکسان اگو | Ó | Ó |
| Ô | حرف بزرگ o، اکسان هشتک | Ô | Ô |
| Õ | حرف بزرگ o، مدک | Õ | Õ |
| Ö | حرف بزرگ o، علامت Umlaut | Ö | Ö |
| Ø | حرف بزرگ o، اسلش | Ø | Ø |
| Ù | حرف بزرگ u، اکسان گراو | Ù | Ù |
| Ú | حرف بزرگ u، اکسان اگو | Ú | Ú |
| Û | حرف بزرگ u، اکسان هشتک | Û | Û |
| Ü | حرف بزرگ u، علامت Umlaut | Ü | Ü |
| Ý | حرف بزرگ y، اکسان اگو | Ý | Ý |
| Þ | حرف بزرگ THORN، ایسلندی | Þ | Þ |
| ß | s کوچک تیز، آلمانی | ß | ß |
| à | حرف کوچک a، اکسان گراو | à | à |
| á | حرف کوچک a، اکسان اگو | á | á |
| â | حرف کوچک a، اکسان هشتک | â | â |
| ã | حرف کوچک a، مدک | ã | ã |
| ä | حرف کوچک a، علامت Umlaut | ä | ä |
| å | حرف کوچک a، حلقه | å | å |
| æ | حرف کوچک ae | æ | æ |
| ç | حرف کوچک c، سدیل | ç | ç |
| è | حرف کوچک e، اکسان گراو | è | è |
| é | حرف کوچک e، اکسان اگو | é | é |
| ê | حرف کوچک e، اکسان هشتک | ê | ê |
| ë | حرف کوچک e، علامت Umlaut | ë | ë |
| ì | حرف کوچک i، اکسان گراو | ì | ì |
| í | حرف کوچک i، اکسان اگو | í | í |
| î | حرف کوچک i، اکسان هشتک | î | î |
| ï | حرف کوچک i، علامت Umlaut | ï | ï |
| ð | حرف کوچک eth، ایسلندی | ð | ð |
| ñ | حرف کوچک n، مدک | ñ | ñ |
| ò | حرف کوچک o، اکسان گراو | ò | ò |
| ó | حرف کوچک o، اکسان اگو | ó | ó |
| ô | حرف کوچک o، اکسان هشتک | ô | ô |
| õ | حرف کوچک o، مدک | õ | õ |
| ö | حرف کوچک o، علامت Umlaut | ö | ö |
| ø | حرف کوچک o، اسلش | ø | ø |
| ù | حرف کوچک u، اکسان گراو | ù | ù |
| ú | حرف کوچک u، اکسان اگو | ú | ú |
| û | حرف کوچک u، اکسان هشتک | û | û |
| ü | حرف کوچک u، علامت Umlaut | ü | ü |
| ý | حرف کوچک y، اکسان اگو | ý | ý |
| þ | حرف کوچک thorn، ایسلندی | þ | þ |
| ÿ | حرف کوچک y، علامت Umlaut | ÿ | ÿ |
سایر موجودیت های پشتیبانی شده توسط مرورگرهای HTML
| نتیجه | توضیحات | موجودیت | کد عددی |
|---|---|---|---|
| Œ | لیگچر بزرگ OE | Œ | Œ |
| œ | لیگچر کوچک oe | œ | œ |
| Š | diaeres | Š | Š |
| š | S کوچک با کارون | š | š |
| Ÿ | y بزرگ با دو نقطه | Ÿ | Ÿ |
| ˆ | حرف اصلاح کننده اکشلن هشتک | ˆ | ˆ |
| ˜ | مدوک کوچک | ˜ | ˜ |
| en فاصله |   |   | |
| em فاصله |   |   | |
| thin فاصله |   |   | |
| | عرض صفر غیر متصل | ‌ | ‌ |
| | عرض صفر متصل | ‍ | ‍ |
| | علامت چپ به راست | ‎ | ‎ |
| | علامت راست به چپ | ‏ | ‏ |
| – | en dash (خط تیره) | – | – |
| — | em dash (خط تیره) | — | — |
| ‘ | علامت نقل قول تکی چپ | ‘ | ‘ |
| ’ | rعلامت نقل قول تکی راست | ’ | ’ |
| ‚ | single low-9 quotation mark | ‚ | ‚ |
| “ | علامت نقل قول مضاعف چپ | “ | “ |
| ” | علامت نقل قول مضاعف راست | ” | ” |
| „ | double low-9 quotation mark | „ | „ |
| † | خنجر | † | † |
| ‡ | خنجر دوتایی | ‡ | ‡ |
| … | بیضی افقی | … | … |
| ‰ | در هزار | ‰ | ‰ |
| ‹ | نقل قول زاویه اشاره به چپ | ‹ | ‹ |
| › | نقل قول زاویه اشاره به راست | › | › |
| € | یورو | € | € |
لیست جلسات قبل آموزش HTML
-
- معرفی HTML
- نگاهی کلی به HTML
- آموزش تگ های پایه در HTML
- آموزش عناصر در HTML
- مفهوم ویژگی ها در HTML
- آموزش قالب بندی در HTML
- آموزش تگ های عبارت در HTML
- آموزش متا تگ ها در HTML
- آموزش کامنت ها در HTML
- تصاویر در HTML
- آموزش جداول در HTML
- آموزش لیست ها در HTML
- آموزش لینک های عکس در HTML
- آموزش لینک های ایمیل در HTML
- آموزش فریم ها در HTML
- آموزش Iframes در HTML
- آموزش بلوک در HTML
- آموزش پس زمینه در HTML
- آموزش رنگ ها در HTML
- آموزش فونت ها در HTML
- آموزش فرم ها در HTML
- آموزش چندرسانه ای در HTML
- مفهوم Marquee در HTML
- آموزش تگ Header در HTML
- آموزش Style Sheet در HTML
- مرجع تگ ها در HTML
- مرجع ویژگی ها در HTML
- مرجع رویدادها در HTML
- مرجع فونت ها در HTML
- کدهای ASCII در HTML
- جدول ASCII در HTML
نویسنده مطلب
erfan molaei
.svg)
دیدگاه شما