코딩배우기

HTML 문장에 특수문자 (< > 등) 넣는 방법

탁이 2022. 10. 31. 10:03

HTML의 파일내에는 「HTML」 로서 사용되는 기호 등은, 무장내에 기재하면 기호로서 표시되지 않거나, 프로그램에 무제가 생기게 됩니다.

예를 들어, "<"는 HTML의 시작 태그로 인식되기 때문에, "<"라는 기호만을 그대로 기재하면 브라우저에서의 표시에 문제가 생기거나 표시되지 않거나 합니다.

이러한 HTML로 사용되는 기호를 브라우저에서 그대로 표시시키고 싶은 경우는, 「특수 문자」 라고 하는 것으로 변환할 필요가 있습니다.

특수 문자에는 전용의 문자 코드가 있어, 그 코드를 기재하는 것으로 기호를 브라우저상에 그대로 표시시킬 수가 있습니다. 이번에는 특수 문자의 기재 방법과 「자주 사용되는 특수 문자의 보기 쉬운 일람표」 를 준비했습니다.

자주쓰는 특수문자

기호 특수문자 읽는 방법
& &amp; 앰퍼샌드
&quot; 더블 따옴표
' &apos; 싱글 따옴표
  &nbsp; 반각 공간
< &lt; 작다
> &gt;
˜ &tilde; 칠다
¥ &yen;
© &copy; 저작권(카피라이트)
® &reg; 등록상표
&trade; 상표
« &laquo; 이중산 괄호(시작)
» &raquo; 이중산 괄호(종료)
½ &frac12; 분수 1/2
² &sup2; 위 첨자 숫자 2
, &comma; 쉼표
. &period; 마침표
: &colon; 콜론
; &semi; 세미콜론
&prime 프라임
&Prime 더블 프라임
&tprime 트리플 프라임
&qprime 콰트로 프라임
¨ &uml; 움라우트
&hellip 삼련점
/ &sol; 슬래시
  &bsol; 백 슬래시
| &verbar; 버티컬 바

화살표 기호 특수문자

기호 특수문자 읽는 방법
&larr; 왼쪽 방향 화살표
&uarr; 위쪽 화살표
&rarr; 오른쪽 방향 화살표
&darr; 아래쪽 화살표
&harr; 수평 화살표
&varr; 수직 화살표
&nwarr; 왼쪽 대각선 위쪽 화살표
&nearr; 오른쪽 대각선 위쪽 화살표
&searr; 오른쪽 대각선 아래쪽 화살표
&swarr; 왼쪽 대각선 아래쪽 화살표
&nlarr; 상쇄 왼쪽 방향 화살표
&nrarr; 상쇄 오른쪽 방향 화살표
&rarrw; 오른쪽 웨이브 화살표
&Larr; 왼쪽 방향 이중 화살표
&Uarr; 상향 이중 화살표
&Rarr; 오른쪽 방향 이중 화살표
&Darr; 아래쪽 이중 화살표
&larrtl; 왼쪽 꼬리가있는 화살표
&rarrtl; 오른쪽 꼬리가있는 화살표
&LeftTeeArrow; 기준이 있는 왼쪽 화살표
&UpTeeArrow; 기준이 있는 위쪽 화살표
&RightTeeArrow; 기준이 있는 오른쪽 화살표
&DownTeeArrow; 기준이 있는 아래쪽 화살표
&larrhk; 되돌아가서 왼쪽 방향 화살표
&rarrhk; 뒤로 당기기 오른쪽 화살표
&larrlp; 루프 왼쪽 방향 화살표
&rarrlp; 루프 오른쪽 방향 화살표
&harrw; 좌우파 화살표
&nharr; 상쇄 좌우 화살표
&lsh; 상향 좌회전 화살표
&rsh; 위쪽으로 우회전 화살표
&ldsh; 아래쪽 좌회전 화살표
&rdsh; 아래쪽으로 우회전 화살표
&crarr; 모서리가 있는 화살표
&cularr; 상단 커브 왼쪽 화살표
&curarr; 상단 커브 오른쪽 화살표
&olarr; 왼쪽 감기 화살표
&orarr; 오른쪽 감기 화살표
&lharu; 왼쪽 방향 상향 작살 화살표
&lhard; 왼쪽 방향 하향 작살형 화살표
&uharr; 상향 우측 작살형 화살표
&uharl; 상향 왼쪽 방향 작살형 화살표
&rharu; 오른쪽 방향 상향 작살형 화살표
&rhard; 오른쪽 방향 하향 작살형 화살표
&dharr; 아래 방향 우측 작살형 화살표
&dharl; 아래쪽 왼쪽 작살형 화살표
&rlarr; 오른쪽 왼쪽 이중 화살표
&udarr; 상하 이중 화살표
&lrarr; 좌우 이중 화살표
&llarr; 왼쪽 왼쪽 이중 화살표
&uuarr; 위 위 이중 화살표
&rrarr; 오른쪽 오른쪽 이중 화살표
&ddarr; 하하 이중 화살표
&lrhar; 좌우 작형 이중 화살표
&rlhar; 오른쪽 왼쪽 작형 이중 화살표
&nlArr; 상쇄 좌향 이중선 화살표
&nhArr; 상쇄 좌우 이중선 화살표
&nrArr; 상쇄 우향 이중선 화살표
&lArr; 왼쪽 방향 이중선 화살표
&uArr; 상향 이중선 화살표
&rArr; 오른쪽 방향 이중선 화살표
&dArr; 아래쪽 이중선 화살표
&hArr; 좌우 이중선 화살표
&vArr; 상하 이중선 화살표
&nwArr; 왼쪽 대각선 위쪽 이중선 화살표
&neArr; 오른쪽 대각선 위쪽 이중선 화살표
&seArr; 오른쪽 대각선 아래쪽 이중선 화살표
&swArr; 왼쪽 대각선 아래쪽 이중선 화살표
&lAarr; 왼쪽 방향 삼중선 화살표
&rAarr; 오른쪽 방향 삼중선 화살표
&zigrarr; 지그재그 오른쪽 화살표
&larrb; 막다른 길 왼쪽 화살표
&rarrb; 막다른 골목 오른쪽 화살표
&duarr; 아래 위 이중 화살표
&loarr; 흰색 빼기 왼쪽 방향 화살표
&roarr; 흰색 빼기 오른쪽 화살표
&hoarr; 흰색 빼기 좌우 화살표

공백 특수문자

기호 특수문자 읽는 방법

&nbsp; 개행하지 않는 반각 공간

&ensp; n과 같은 폭의 공간

&emsp; m과 같은 폭의 공간

&thinsp; 얇은 빈

별 등의 특수문자

기호 특수문자 읽는 방법
&starf; 흑성
&star; 백성
&sung; 8분 음표
&flat; 플랫
&natur; 자연
&sharp; 샤프
&phone; 전화

산술기호 특수문자

기호 특수문자 읽는 방법
+ &plus; 추가 기호
&minus; 뺄셈 기호
× &times; 곱셈 기호
÷ &divide; 나눗셈 기호
± &plusmn; 플러스 마이너스
= &equals; 같음
&ne; 같지 않음
&asymp; 거의 같음
&cong; 거의 같음
&equiv; 정의/합동
< &lt; 부등호(보다 작음)
> &gt; 부등호(더 큰)
&and; 논리 곱
&or; 논리합
&le; 작거나 같음
&ge; 크거나 같음
&Lt; 훨씬 작은
&Gt; 훨씬 큰
* &ast; 별표
&lowast; 별표(하단)
ƒ &fnof; 함수 기호
¬ &not; 부정 기호
² &sup2; 위 첨자 2
³ &sup3; 위 첨자 3
¹ &sup1; 위 첨자 1
º &ordm; 위 첨자 0
&forall; 모두에 대해
&part; 편미분
&exist; 존재하다
&nabla; 나브라
&prod; n회의 곱셈
&sum; n회 더하기
&radic; 제곱근
&prop; 비례 기호
&infin; 무한
&ang; 각도
&int; 적분 기호
&Int; 이중 적분
&oint; 회전 적분
&therefore; 따라서
&because; 왜냐하면
&sim; 물결표 연산자
&bsim; 유사
&empty; 빈 집합
&cap; 집합의 곱
&cup; 집합의 합
&sub; 왼쪽은 오른쪽의 부분 집합입니다.
&sup; 왼쪽은 오른쪽을 포함
&nsub; 왼쪽은 오른쪽의 부분 집합이 아닙니다.
&sube; 왼쪽은 오른쪽의 부분 집합 또는 동일
&supe; 왼쪽은 오른쪽을 포함하거나 동일
&isin; 오른쪽의 요소입니다.
&notin; 오른쪽의 요소가 아님
&ni; 요소로 포함
&oplus; 직화
&ominus; 대칭 차이
&otimes; 직적
&osol; 원형 슬래시
&odot; 둥근 둥근 점
&ocir; 원형 동그라미
&oast; 둥근 별표
&odash; 둥근 대시
&perp; 직교
&sdot; 도트 연산자
½ &frac12; 2분의 1
&frac13; 3분의 1
¼ &frac14; 4분의 1
&frac15; 5분의 1
&frac23; 3분의 2
&frac25; 5분의 2
¾ &frac34; 4분의3