HTML-색상 이름
다음 표는 HTML 3.2에 도입 된 16 가지 색상 이름을 보여줍니다.
| 색상 이름 | 16 진수 값 | 색깔 | 보여 주다 |
|---|---|---|---|
| 아쿠아 | # 00ffff | 데모 | |
| 검정 | # 000000 | 데모 | |
| 푸른 | # 0000ff | 데모 | |
| 푹샤 | # ff00ff | 데모 | |
| 초록 | # 008000 | 데모 | |
| 회색 | # 808080 | 데모 | |
| 라임 | # 00ff00 | 데모 | |
| 적갈색 | # 800000 | 데모 | |
| 해군 | # 000080 | 데모 | |
| 올리브 | # 808000 | 데모 | |
| 보라색 | # 800080 | 데모 | |
| 빨간 | # ff0000 | 데모 | |
| 은 | # c0c0c0 | 데모 | |
| 물오리 | # 008080 | 데모 | |
| 하얀 | #ffffff | 데모 | |
| 노랑 | # ffff00 | 데모 |
HTML 또는 XHTML의 일부가 아닌 다른 색상이 있지만 대부분의 주요 브라우저 버전에서 지원됩니다.
| 색상 이름 | 16 진수 값 | 색깔 | 보여 주다 |
|---|---|---|---|
| 앨리스 블루 | # f0f8ff | 데모 | |
| 고대 미술 | # faebd7 | 데모 | |
| 남옥 | # 7fffd4 | 데모 | |
| 하늘빛 | # f0ffff | 데모 | |
| 베이지 | # f5f5dc | 데모 | |
| 비스크 | # ffe4c4 | 데모 | |
| Blanchedalmond | #ffebcd | 데모 | |
| 블루 바이올렛 | # 8a2be2 | 데모 | |
| 갈색 | # a52a2a | 데모 | |
| Burlywood | # deb887 | 데모 | |
| 생도 블루 | # 5f9ea0 | 데모 | |
| 연두빛 | # 7fff00 | 데모 | |
| 초콜릿 | # d2691e | 데모 | |
| 산호 | # ff7f50 | 데모 | |
| 수레 국화 | # 6495ed | 데모 | |
| 옥수수 실크 | # fff8dc | 데모 | |
| 진홍 | # dc143c | 데모 | |
| 청록색 | # 00ffff | 데모 | |
| 진한 파란색 | # 00008b | 데모 | |
| 진한 청록색 | # 008b8b | 데모 | |
| 다크 골든로드 | # b8860b | 데모 | |
| 짙은 회색 | # a9a9a9 | 데모 | |
| 짙은 녹색 | # 006400 | 데모 | |
| 다크 카키 | # bdb76b | 데모 | |
| 진한 자홍색 | # 8b008b | 데모 | |
| 진한 녹색 | # 556b2f | 데모 | |
| 어두운 주황색 | # ff8c00 | 데모 | |
| 다크 오키드 | # 9932cc | 데모 | |
| 진한 빨강 | # 8b0000 | 데모 | |
| 진한 연어 | # e9967a | 데모 | |
| 진한 녹색 | # 8fbc8f | 데모 | |
| 다크 슬레이트 | # 483d8b | 데모 | |
| 다크 슬레이트 | # 2f4f4f | 데모 | |
| 어두운 청록색 | # 00ced1 | 데모 | |
| 진한 보라색 | # 9400d3 | 데모 | |
| 딥 핑크 | # ff1493 | 데모 | |
| 깊은 하늘 | # 00bfff | 데모 | |
| 희미한 | # 696969 | 데모 | |
| 다저 블루 | # 1e90ff | 데모 | |
| 내화 벽돌 | # b22222 | 데모 | |
| 꽃 무늬의 | # fffaf0 | 데모 | |
| 숲 | # 228b22 | 데모 | |
| Gainsboro | #dcdcdc | 데모 | |
| 유령 흰색 | # f8f8ff | 데모 | |
| 금 | # ffd700 | 데모 | |
| 갈 조색 | # daa520 | 데모 | |
| 회색 | # 808080 | 데모 | |
| 녹색 노란색 | # adff2f | 데모 | |
| 단물 | # f0fff0 | 데모 | |
| 핫 핑크 | # ff69b4 | 데모 | |
| 인디언 | # cd5c5c | 데모 | |
| 남빛 | # 4b0082 | 데모 | |
| 상아 | # fffff0 | 데모 | |
| 카키색 옷감 | # f0e68c | 데모 | |
| 라벤더 | # e6e6fa | 데모 | |
| 라벤더 | # fff0f5 | 데모 | |
| 잔디밭 | # 7cfc00 | 데모 | |
| 레몬 시폰 | #fffacd | 데모 | |
| 하늘색 | # add8e6 | 데모 | |
| 가벼운 산호 | # f08080 | 데모 | |
| 연한 청록색 | # e0ffff | 데모 | |
| 밝은 황금빛 | # fafad2 | 데모 | |
| 연한 초록색 | # 90ee90 | 데모 | |
| 밝은 회색 | # d3d3d3 | 데모 | |
| 연분홍 | # ffb6c1 | 데모 | |
| 등불 | # ffa07a | 데모 | |
| 빛 바다 | # 20b2aa | 데모 | |
| 밝은 하늘색 | # 87cefa | 데모 | |
| 라이트 그레이 | # 778899 | 데모 | |
| 라이트 스틸 블루 | # b0c4de | 데모 | |
| 연노랑 | # ffffe0 | 데모 | |
| 라임 그린 | # 32cd32 | 데모 | |
| 리넨 | # faf0e6 | 데모 | |
| 마젠타 | # ff00ff | 데모 | |
| 미디엄 블루 | # 0000cd | 데모 | |
| 중간 난초 | # ba55d3 | 데모 | |
| 중간 보라색 | # 9370db | 데모 | |
| 자정 블루 | # 191970 | 데모 | |
| 미스티 로즈 | # ffe4e1 | 데모 | |
| 모카신 | # ffe4b5 | 데모 | |
| 올드 레이스 | # 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 프로세서는 다음 표에 나열된 다음 5 개의 특수 문자를 지원해야합니다.
| 상징 | 기술 | 엔티티 이름 | 번호 코드 |
|---|---|---|---|
| " | 인용 부호 | & quot; | & # 34; |
| ' | 아포스트로피 | & apos; | & # 39; |
| & | 앰퍼샌드 | & amp; | & # 38; |
| < | 보다 작음 | & lt; | & # 60; |
| > | 보다 큰 | & gt; | & # 62; |
예
<div id = "character">를 코드로 작성하려면 다음과 같이 작성해야합니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>이것은 다음 결과를 생성합니다-
HTML 4.0에는 긴 특수 문자 목록도 있습니다. 이러한 항목이 문서에 나타나려면 숫자 코드 또는 엔티티 이름을 사용할 수 있습니다. 예를 들어, 저작권 기호를 삽입하려면 다음 중 하나를 사용할 수 있습니다.
© 2007
or
© 2007ISO 8859-1 기호 엔티티
| 결과 | 기술 | 엔티티 이름 | 번호 코드 |
|---|---|---|---|
| 깨지지 않는 공간 | & nbsp; | & # 160; | |
| ¡ | 거꾸로 된 느낌표 | & iexcl; | & # 161; |
| ¤ | 통화 | & curren; | & # 164; |
| ¢ | 센트 | &센트; | & # 162; |
| £ | 파운드 | &파운드; | & # 163; |
| ¥ | 엔 | &엔; | & # 165; |
| ¦ | 깨진 수직 막대 | & brvbar; | & # 166; |
| § | 부분 | &분파; | & # 167; |
| ¨ | 간격 분음 기호 | & uml; | & # 168; |
| © | 저작권 | &부; | & # 169; |
| ª | 여성 서수 지표 | & ordf; | & # 170; |
| « | 꺾쇠 따옴표 (왼쪽) | & laquo; | & # 171; |
| ¬ | 부정 | &아니; | & # 172; |
| | 부드러운 하이픈 | &수줍은; | & # 173; |
| ® | 등록 상표 | & reg; | & # 174; |
| ™ | 등록 상표 | &무역; | & # 8482; |
| ¯ | 간격 매크로 론 | & macr; | & # 175; |
| ° | 정도 | & deg; | & # 176; |
| ± | 플러스 또는 마이너스 | & plusmn; | & # 177; |
| ² | 위첨자 2 | & sup2; | & # 178; |
| ³ | 위첨자 3 | & sup3; | & # 179; |
| ´ | 간격 예각 | &심각한; | & # 180; |
| µ | 마이크로 | & micro; | & # 181; |
| ¶ | 절 | & para; | & # 182; |
| · | 중간 점 | & middot; | & # 183; |
| ¸ | 간격 세 딜라 | & 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 문자 엔티티
| 결과 | 기술 | 엔티티 이름 | 번호 코드 |
|---|---|---|---|
| ㅏ | 자본 A, 억음 악센트 | &무덤; | & # 192; |
| ㅏ | 대문자 A, 악센트 | & Aacute; | & # 193; |
| ㅏ | 자본 A, 곡절 악센트 | & Acirc; | & # 194; |
| ㅏ | 자본 A, 물결표 | & Atilde; | & # 195; |
| ㅏ | 자본 A, 움라우트 마크 | & Auml; | & # 196; |
| ㅏ | 자본 A, 반지 | &링; | & # 197; |
| Æ | 자본 ae | & AElig; | & # 198; |
| 씨 | 자본 c, 세 딜라 | & Ccedil; | & # 199; |
| 이자형 | 대문자 e, 억음 악센트 | & Egrave; | & # 200; |
| 이자형 | 대문자 e, 악센트 | & Eacute; | & # 201; |
| 이자형 | 자본 e, 곡절 악센트 | & Ecirc; | & # 202; |
| 이자형 | 자본 e, 움라우트 마크 | & Euml; | & # 203; |
| 나는 | 자본 I, 억음 악센트 | & Igrave; | & # 204; |
| 나는 | 자본 I, 악센트 | & Iacute; | & # 205; |
| 나는 | 자본 I, 곡절 악센트 | & Icirc; | & # 206; |
| 나는 | 자본 I, 움라우트 마크 | & Iuml; | & # 207; |
| 디 | 수도 eth, 아이슬란드 어 | & ETH; | & # 208; |
| 엔 | 자본 n, 물결표 | & Ntilde; | & # 209; |
| 영형 | 대문자 o, 억음 악센트 | & Ograve; | & # 210; |
| 영형 | 대문자 o, 악센트 | & Oacute; | & # 211; |
| 영형 | 대문자 o, 곡절 악센트 | & Ocirc; | & # 212; |
| 영형 | 자본 o, 물결표 | & Otilde; | & # 213; |
| 영형 | 자본 o, 움라우트 마크 | & Ouml; | & # 214; |
| 영형 | 대문자 o, 슬래시 | & Oslash; | & # 216; |
| 유 | 자본 U, 억음 악센트 | & Ugrave; | & # 217; |
| 유 | 자본 U, 악센트 | & Uacute; | & # 218; |
| 유 | 자본 U, 곡절 악센트 | & Ucirc; | & # 219; |
| 유 | 자본 U, 움라우트 마크 | & Uuml; | & # 220; |
| 와이 | 대문자 y, 악센트 | & Yacute; | & # 221; |
| Þ | 수도 THORN, 아이슬란드 어 | &가시; | & # 222; |
| ß | 작은 날카로운 s, 독일어 | & szlig; | & # 223; |
| ㅏ | 작은 a, 억음 악센트 | &무덤; | & # 224; |
| ㅏ | 작고 예리한 악센트 | & aacute; | & # 225; |
| ㅏ | 작은 a, 곡절 악센트 | & acirc; | & # 226; |
| ㅏ | 작은 물결표 | & atilde; | & # 227; |
| ㅏ | 작은 a, 움라우트 표시 | & auml; | & # 228; |
| ㅏ | 작은 a, 반지 | &링; | & # 229; |
| æ | 작은 ae | & aelig; | & # 230; |
| 씨 | 작은 c, 세 딜라 | & ccedil; | & # 231; |
| 이자형 | 작은 e, 억음 악센트 | & egrave; | & # 232; |
| 이자형 | 작은 전자, 악센트 | & eacute; | & # 233; |
| 이자형 | 작은 전자, 곡절 악센트 | & ecirc; | & # 234; |
| 이자형 | 작은 e, 움라우트 표시 | & euml; | & # 235; |
| 나는 | 작은 i, 억음 악센트 | & igrave; | & # 236; |
| 나는 | 작은 i, 악센트 | & iacute; | & # 237; |
| 나는 | 작은 i, 곡절 악센트 | & icirc; | & # 238; |
| 나는 | 작은 i, 움라우트 마크 | & iuml; | & # 239; |
| 디 | small eth, 아이슬란드 어 | & eth; | & # 240; |
| 엔 | 작은 n, 물결표 | & n 틸드; | & # 241; |
| 영형 | 작은 오, 억음 악센트 | & ograve; | & # 242; |
| 영형 | 작은 o, 악센트 | & oacute; | & # 243; |
| 영형 | 작은 o, 곡절 악센트 | & ocirc; | & # 244; |
| 영형 | 작은 o, 물결표 | & otilde; | & # 245; |
| 영형 | 작은 o, 움라우트 표시 | & ouml; | & # 246; |
| 영형 | 작은 o, 슬래시 | & oslash; | & # 248; |
| 유 | 작은 u, 억음 악센트 | & ugrave; | & # 249; |
| 유 | 작은 u, 악센트 | & uacute; | & # 250; |
| 유 | 작은 u, 곡절 악센트 | & ucirc; | & # 251; |
| 유 | 작은 u, 움라우트 표시 | & uuml; | & # 252; |
| 와이 | 작은 y, 악센트 | & yacute; | & # 253; |
| þ | 작은 가시, 아이슬란드 어 | &가시; | & # 254; |
| 와이 | 작은 y, 움라우트 표시 | & yuml; | & # 255; |
HTML 브라우저에서 지원하는 기타 엔티티
| 결과 | 기술 | 엔티티 이름 | 번호 코드 |
|---|---|---|---|
| Œ | 자본 합자 OE | & OElig; | & # 338; |
| œ | 작은 합자 oe | & oelig; | & # 339; |
| 에스 | 캐론과 자본 S | & Scaron; | & # 352; |
| 에스 | 작은 S와 캐론 | & scaron; | & # 353; |
| 와이 | 대문자 Y와 diaeres | & Yuml; | & # 376; |
| ˆ | 수정 자 문자 곡절 악센트 | & circ; | & # 710; |
| ~ | 작은 물결표 | &틸데; | & # 732; |
| 엔 스페이스 | & ensp; | & # 8194; | |
| em 공간 | & emsp; | & # 8195; | |
| 얇은 공간 | & thinsp; | & # 8201; | |
| | 제로 너비 비 결합 자 | & zwnj; | & # 8204; |
| | 제로 너비 결합 자 | & zwj; | & # 8205; |
| | 왼쪽에서 오른쪽으로 표시 | & lrm; | & # 8206; |
| | 오른쪽에서 왼쪽으로 표시 | & rlm; | & # 8207; |
| – | 엔 대시 | & ndash; | & # 8211; |
| — | 엠 대시 | & mdash; | & # 8212; |
| ' | 왼쪽 작은 따옴표 | & lsquo; | & # 8216; |
| ' | 오른쪽 작은 따옴표 | & rsquo; | & # 8217; |
| ‚ | 낮은 9 개의 작은 따옴표 | & sbquo; | & # 8218; |
| “ | 왼쪽 큰 따옴표 | & ldquo; | & # 8220; |
| ” | 오른쪽 큰 따옴표 | & rdquo; | & # 8221; |
| „ | 큰 따옴표 9 개 | & bdquo; | & # 8222; |
| † | 단검 | &단검; | & # 8224; |
| ‡ | 이중 단검 | &단검; | & # 8225; |
| … | 수평 줄임표 | & hellip; | & # 8230; |
| ‰ | 밀당 | & permil; | & # 8240; |
| ‹ | 왼쪽을 가리키는 작은 따옴표 | & lsaquo; | & # 8249; |
| › | 오른쪽을 가리키는 작은 따옴표 | & rsaquo; | & # 8250; |
| € | 유로 | &유로; | & # 8364; |