본문 바로가기
공부하는생활

HTML 메일템플릿 만들기, HTML 특수문자 특수기호 공백 입력 방법, 코드 알아보기

by 헤이엠다이어리 2023. 6. 1.
반응형

클라이언트에게 서비스 변경 사항에 대해 안내메일을 보낼 때, 텍스트나 이미지로만 전달하는 경우도 있지만 HTML을 만들어 메일 보내는 경우가 있다.

HTML-특수문자-특수기호-입력하기
HTML 특수문자 특수기호 입력하기

이때, HTML에서 사용하는 <,>,- 등 이런 기호들은 기본 코드 작성에 필요하기 때문에 PC가 이해하는 코드로 변환하여 사용해야한다.

 

그 외에 사용하는 문자들도 HTML에서 입력하는 경우 브라우저, MAC PC 등의 환경에 따라 깨짐이 발생할 수 있기 때문에 코드로 사용하는 것이 가장 안전하다.

 

HTML 특수문자 코드

화면 입력 코드 설명
- &#45;  중간 선
> &gt;  오른쪽 방향 꺾쇠
< &lt;  왼쪽 방향 꺾쇠
& &amp;  and 특수기호
(공백) &nbsp; 공백 여러개 필요 시 사용

 

이 외에도 다양한 특수문자, 기호 입력 코드는 아래 링크에서 찾아볼 수 있다.

무려 만개가 넘는다.

 

▶HTML 특수기호, 특수문자 코드보기 클릭◀

HTML-특수문자-특수기호-사이트-캡쳐
HTML 특수문자 특수기호 사이트 캡쳐

 

화면 예시

HTML-특수문자-입력예시-화면
HTML 특수문자 입력 화면

위 사진에서 보는 것과 같이 HTML에 특수문자를 사용하는 경우 & 와 ; 사이에 코드를 입력하면 되고, 위 사이트 기준 NAME이라고 되어있는 부분을 &뒤에 입력하면 된다.

반응형

댓글