공부하는생활

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

헤이엠다이어리 2023. 6. 1. 12:41
반응형

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

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

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

 

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

 

HTML 특수문자 코드

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

 

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

무려 만개가 넘는다.

 

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

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

 

화면 예시

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

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

반응형