HTML - ชื่อสี

ตารางต่อไปนี้แสดงชื่อสี 16 สีที่แนะนำใน HTML 3.2 -

ชื่อสี ค่า Hex สี แสดง
น้ำ # 00ffff การสาธิต
สีดำ # 000000 การสาธิต
สีน้ำเงิน # 0000ff การสาธิต
บานเย็น # ff00ff การสาธิต
เขียว # 008000 การสาธิต
สีเทา # 808080 การสาธิต
มะนาว # 00ff00 การสาธิต
สีน้ำตาลแดง # 800000 การสาธิต
กองทัพเรือ # 000080 การสาธิต
มะกอก # 808000 การสาธิต
สีม่วง # 800080 การสาธิต
สีแดง # ff0000 การสาธิต
เงิน # c0c0c0 การสาธิต
นกเป็ดน้ำ # 008080 การสาธิต
สีขาว #ffffff การสาธิต
สีเหลือง # ffff00 การสาธิต

มีสีอื่น ๆ ที่ไม่ได้เป็นส่วนหนึ่งของ HTML หรือ XHTML แต่ได้รับการสนับสนุนโดยเบราว์เซอร์หลักส่วนใหญ่

ชื่อสี ค่า Hex สี แสดง
aliceblue # f0f8ff การสาธิต
โบราณวัตถุ # faebd7 การสาธิต
อะความารีน # 7fffd4 การสาธิต
สีฟ้า # f0ffff การสาธิต
สีเบจ # f5f5dc การสาธิต
บิสก์ # ffe4c4 การสาธิต
อัลมอนด์ลวก #ffebcd การสาธิต
บลูไวโอเลต # 8a2be2 การสาธิต
สีน้ำตาล # a52a2a การสาธิต
เบอร์ลีวูด # deb887 การสาธิต
นักเรียนนายร้อยสีฟ้า # 5f9ea0 การสาธิต
แผนภูมิ # 7fff00 การสาธิต
ช็อคโกแลต # d2691e การสาธิต
ปะการัง # ff7f50 การสาธิต
ดอกไม้ชนิดหนึ่ง # 6495ed การสาธิต
cornsilk # fff8dc การสาธิต
สีแดงเข้ม # dc143c การสาธิต
สีฟ้า # 00ffff การสาธิต
น้ำเงิน # 00008b การสาธิต
มืด # 008b8b การสาธิต
มืด # b8860b การสาธิต
ดาร์กเกรย์ # a9a9a9 การสาธิต
เขียวเข้ม # 006400 การสาธิต
ดาร์คคากี้ # bdb76b การสาธิต
darkmagenta # 8b008b การสาธิต
สีเขียวเข้ม # 556b2f การสาธิต
darkorange # ff8c00 การสาธิต
ดาร์ก # 9932cc การสาธิต
ดำแดง # 8b0000 การสาธิต
Darksalmon # e9967a การสาธิต
darkseagreen # 8fbc8f การสาธิต
darkslateblue # 483d8b การสาธิต
ความมืด # 2f4f4f การสาธิต
มืด # 00ced1 การสาธิต
ดาร์กไวโอเล็ต # 9400d3 การสาธิต
deeppink # ff1493 การสาธิต
deepskyblue # 00bfff การสาธิต
Dimgray # 696969 การสาธิต
dodgerblue # 1e90ff การสาธิต
ไฟไหม้ # b22222 การสาธิต
ดอกไม้สีขาว # fffaf0 การสาธิต
ป่าไม้ # 228b22 การสาธิต
Gainsboro #dcdcdc การสาธิต
โกสต์ไวท์ # f8f8ff การสาธิต
ทอง # ffd700 การสาธิต
โกลเด้นรอด # daa520 การสาธิต
สีเทา # 808080 การสาธิต
เขียวเหลือง # adff2f การสาธิต
น้ำหวาน # f0fff0 การสาธิต
hotpink # ff69b4 การสาธิต
อินเดียแดง # cd5c5c การสาธิต
คราม # 4b0082 การสาธิต
งาช้าง # fffff0 การสาธิต
กากี # f0e68c การสาธิต
ลาเวนเดอร์ # e6e6fa การสาธิต
ลาเวนเดอร์ # fff0f5 การสาธิต
สนามหญ้า # 7cfc00 การสาธิต
มะนาวชิฟฟ่อน #fffacd การสาธิต
ฟ้าอ่อน # add8e6 การสาธิต
แสง # f08080 การสาธิต
แสง # e0ffff การสาธิต
แสงสีทอง # fafad2 การสาธิต
สีเขียวอ่อน # 90ee90 การสาธิต
แสงสีเทา # d3d3d3 การสาธิต
ชมพูอ่อน # ffb6c1 การสาธิต
ปลาแซลมอน # ffa07a การสาธิต
แสงสีเขียว # 20b2aa การสาธิต
ไฟสกายบลู # 87cefa การสาธิต
ไฟประเภท # 778899 การสาธิต
lightsteelblue # b0c4de การสาธิต
แสงสีเหลือง # ffffe0 การสาธิต
มะนาวเขียว # 32cd32 การสาธิต
ผ้าลินิน # faf0e6 การสาธิต
ม่วงแดง # ff00ff การสาธิต
mediumblue # 0000cd การสาธิต
ปานกลาง # ba55d3 การสาธิต
ปานกลาง # 9370db การสาธิต
เที่ยงคืน # 191970 การสาธิต
Mistyrose # ffe4e1 การสาธิต
แตะ # ffe4b5 การสาธิต
oldlace # fdf5e6 การสาธิต
ส้ม # ffa500 การสาธิต
กล้วยไม้ # da70d6 การสาธิต
พีชพัฟ # ffdab9 การสาธิต
เปรู # cd853f การสาธิต
สีชมพู # ffc0cb การสาธิต
พลัม # dda0dd การสาธิต
สีม่วง # 800080 การสาธิต
กุหลาบสีน้ำตาล # bc8f8f การสาธิต
รอยัลบลู # 4169e1 การสาธิต
แซลมอน # fa8072 การสาธิต
น้ำตาลทราย # f4a460 การสาธิต
ทะเลเขียว # 2e8b57 การสาธิต
เซียนน่า # a0522d การสาธิต
ท้องฟ้าสีคราม # 87ceeb การสาธิต
กระดานชนวน # 6a5acd การสาธิต
เหล็กสีน้ำเงิน # 4682b4 การสาธิต
ผิวสีแทน # d2b48c การสาธิต
หนาม # d8bfd8 การสาธิต
มะเขือเทศ # ff6347 การสาธิต
ม่วง # ee82ee การสาธิต
ข้าวสาลี # f5deb3 การสาธิต
ขาว # f5f5f5 การสาธิต
สีเหลือง # ffff00 การสาธิต
เหลืองเขียว # 9acd32 การสาธิต

เอนทิตี HTML

อักขระบางตัวถูกสงวนไว้ใน HTML และมีความหมายพิเศษเมื่อใช้ในเอกสาร HTML ตัวอย่างเช่นคุณไม่สามารถใช้เครื่องหมายมากกว่าและน้อยกว่าหรือวงเล็บมุมภายในข้อความ HTML ของคุณได้เนื่องจากเบราว์เซอร์จะปฏิบัติต่อสิ่งเหล่านี้แตกต่างกันและจะพยายามดึงความหมายที่เกี่ยวข้องกับแท็ก HTML

ตัวประมวลผล HTML ต้องรองรับอักขระพิเศษห้าตัวต่อไปนี้ที่แสดงในตารางที่ตามมา

สัญลักษณ์ คำอธิบาย ชื่อเอนทิตี รหัสตัวเลข
" เครื่องหมายคำพูด & quot; & # 34;
' เครื่องหมายวรรคตอน  & apos; & # 39;
& เครื่องหมายและ & amp; & # 38;
< น้อยกว่า & lt; & # 60;
> มากกว่า & gt; & # 62;

ตัวอย่าง

หากคุณต้องการเขียน <div id = "character"> เป็นรหัสคุณจะต้องเขียนดังนี้ -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้ -

นอกจากนี้ยังมีรายการอักขระพิเศษแบบยาวใน HTML 4.0 เพื่อให้สิ่งเหล่านี้ปรากฏในเอกสารของคุณคุณสามารถใช้รหัสตัวเลขหรือชื่อเอนทิตีก็ได้ ตัวอย่างเช่นในการแทรกสัญลักษณ์ลิขสิทธิ์คุณสามารถใช้สิ่งใดสิ่งหนึ่งต่อไปนี้ -

&copy; 2007
or
&#169; 2007

ISO 8859-1 สัญลักษณ์เอนทิตี

ผลลัพธ์ คำอธิบาย ชื่อเอนทิตี รหัสตัวเลข
  พื้นที่ไม่ทำลาย & nbsp; & # 160;
¡ เครื่องหมายอัศเจรีย์กลับด้าน & iexcl; & # 161;
¤ สกุลเงิน & curren; & # 164;
¢ เซ็นต์ & ร้อย; & # 162;
£ ปอนด์ &ปอนด์; & # 163;
¥ เยน &เยน; & # 165;
¦ แถบแนวตั้งหัก & brvbar; & # 166;
§ มาตรา &นิกาย; & # 167;
¨ diaeresis ระยะห่าง & uml; & # 168;
© ลิขสิทธิ์ &สำเนา; & # 169;
ª ตัวบ่งชี้ลำดับผู้หญิง & ordf; & # 170;
« เครื่องหมายคำพูดมุม (ซ้าย) & laquo; & # 171;
¬ การปฏิเสธ &ไม่; & # 172;
­ ยัติภังค์อ่อน &อาย; & # 173;
® เครื่องหมายการค้าจดทะเบียน & reg; & # 174;
เครื่องหมายการค้า & ค้า; & # 8482;
¯ macron ระยะห่าง & macr; & # 175;
° ระดับ & deg; & # 176;
± บวกหรือลบ  & plusmn; & # 177;
² ตัวยก 2 & sup2; & # 178;
³ ตัวยก 3 & sup3; & # 179;
´ ระยะห่างเฉียบพลัน & เฉียบพลัน; & # 180;
µ ไมโคร & ไมโคร; & # 181;
ย่อหน้า & พารา; & # 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;
× การคูณ & ครั้ง; & # 215;
÷ แผนก &การแบ่ง; & # 247;

ISO 8859-1 อักขระเอนทิตี

ผลลัพธ์ คำอธิบาย ชื่อเอนทิตี รหัสตัวเลข
À เมืองหลวงสำเนียงที่รุนแรง & Agrave; & # 192;
Á เมืองหลวงสำเนียงเฉียบพลัน & Aacute; & # 193;
ทุน a สำเนียงเซอร์คัมเฟลกซ์ & Acirc; & # 194;
à ทุน a, ทิลเดอ & Atilde; & # 195;
Ä ตัวพิมพ์ใหญ่เครื่องหมาย umlaut & อั้ม; & # 196;
Å ทุน a แหวน &แหวน; & # 197;
Æ ทุน ae & AElig; & # 198;
ทุน c, cedilla & Ccedil; & # 199;
È e ทุนสำเนียงร้ายแรง & Egrave; & # 200;
É e ทุนสำเนียงเฉียบพลัน & Eacute; & # 201;
Ê e ทุนสำเนียงเซอร์คัมเฟลกซ์ & Ecirc; & # 202;
Ë e ทุนเครื่องหมาย umlaut & Euml; & # 203;
ผม เมืองหลวงฉันสำเนียงที่รุนแรง & อิเกรฟ; & # 204;
ผม เมืองหลวงฉันสำเนียงเฉียบพลัน & iacute; & # 205;
ผม เมืองหลวงฉันสำเนียงเซอร์คัมเฟลกซ์ & Icirc; & # 206;
ผม เมืองหลวงฉันเครื่องหมาย umlaut & Iuml; & # 207;
Ð เมืองหลวงเอ ธ ไอซ์แลนด์ & 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 ไอซ์แลนด์ &หนาม; & # 222;
ß เล็กคมเยอรมัน & szlig; & # 223;
à a เล็กสำเนียงร้ายแรง & agrave; & # 224;
á a เล็กสำเนียงเฉียบพลัน & aacute; & # 225;
â a เล็กสำเนียงเซอร์คัมเฟลกซ์ & acirc; & # 226;
ã ตัวเล็ก a ตัวหนอน & atilde; & # 227;
ä เครื่องหมาย a ขนาดเล็ก umlaut & auml; & # 228;
å แหวนขนาดเล็ก &แหวน; & # 229;
æ ae ขนาดเล็ก & aelig; & # 230;
c ขนาดเล็ก cedilla & ccedil; & # 231;
è อีเล็กสำเนียงร้ายแรง & egrave; & # 232;
é e เล็กสำเนียงเฉียบพลัน & eacute; & # 233;
ê อีเล็กสำเนียงเซอร์คัมเฟลกซ์ & ecirc; & # 234;
ë e ขนาดเล็กเครื่องหมาย umlaut & euml; & # 235;
ผม ฉันตัวเล็กสำเนียงที่รุนแรง & igrave; & # 236;
ผม ฉันตัวเล็กสำเนียงเฉียบพลัน & iacute; & # 237;
ผม ฉันตัวเล็กสำเนียงเซอร์คัมเฟลกซ์ & icirc; & # 238;
ผม ฉันตัวเล็กเครื่องหมาย umlaut & iuml; & # 239;
ð eth ขนาดเล็กไอซ์แลนด์ & eth; & # 240;
ñ n เล็กทิลเดอ & ntilde; & # 241;
ò o เล็กสำเนียงที่ร้ายแรง & ograve; & # 242;
ó o เล็กสำเนียงเฉียบพลัน & oacute; & # 243;
ô o เล็กสำเนียงเซอร์คัมเฟลกซ์ & ocirc; & # 244;
õ ตัวเล็กตัวหนอน & otilde; & # 245;
ö o ขนาดเล็กเครื่องหมาย umlaut & ouml; & # 246;
ø o เล็กเฉือน & oslash; & # 248;
ยู คุณเล็กสำเนียงร้ายแรง & ugrave; & # 249;
ยู คุณเล็กสำเนียงเฉียบพลัน & uacute; & # 250;
ยู คุณเล็กสำเนียงเซอร์คัมเฟลกซ์ & ucirc; & # 251;
ยู คุณเล็กเครื่องหมาย umlaut & uuml; & # 252;
ý y ตัวเล็กสำเนียงเฉียบพลัน & yacute; & # 253;
þ หนามเล็ก ๆ ไอซ์แลนด์ &หนาม; & # 254;
ÿ y ตัวเล็กเครื่องหมาย umlaut & ยำ; & # 255;

เอนทิตีอื่น ๆ ที่รองรับโดยเบราว์เซอร์ HTML

ผลลัพธ์ คำอธิบาย ชื่อเอนทิตี รหัสตัวเลข
Œ การรวมทุน OE & OElig; & # 338;
œ oe มัดเล็ก & oelig; & # 339;
Š ทุน S กับ caron & สการอน; & # 352;
š S ขนาดเล็กกับ caron & Scaron; & # 353;
Ÿ ทุน Y พร้อมไดเออร์ & Yuml; & # 376;
ˆ ตัวปรับแต่งสำเนียงเซอร์คัมเฟลกซ์ & หมุนเวียน; & # 710;
˜ ทิลเดอขนาดเล็ก & tilde; & # 732;
en space & ensp; & # 8194;
em space & emsp; & # 8195;
พื้นที่บาง ๆ & thinsp; & # 8201;
ตัวเชื่อมที่ไม่ใช่ความกว้างเป็นศูนย์ & zwnj; & # 8204;
ช่างไม้ความกว้างศูนย์ & zwj; & # 8205;
จากซ้ายไปขวา & lrm; & # 8206;
ขวาไปซ้าย & rlm; & # 8207;
- th dash & ndash; & # 8211;
- em dash & mdash; & # 8212;
' ซ้ายเครื่องหมายคำพูดเดียว & lsquo; & # 8216;
' เครื่องหมายคำพูดเดียวที่ถูกต้อง & rsquo; & # 8217;
เครื่องหมายคำพูดต่ำ 9 เดียว & sbquo; & # 8218;
เครื่องหมายคำพูดคู่ซ้าย & ldquo; & # 8220;
เครื่องหมายคำพูดคู่ขวา & rdquo; & # 8221;
เครื่องหมายคำพูดต่ำ 9 คู่ & bdquo; & # 8222;
กริช &กริช; & # 8224;
กริชคู่ &กริช; & # 8225;
จุดไข่ปลาแนวนอน & hellip; & # 8230;
ต่อล้าน  & อนุญาต; & # 8240;
ใบเสนอราคามุมชี้ซ้ายเดียว & lsaquo; & # 8249;
ใบเสนอราคามุมขวาชี้เดียว & rsaquo; & # 8250;
โ€ ยูโร &ยูโร; & # 8364;