HTML - 특수 문자 사용법
텍스트 표시 (3)
오늘은 HTML - 특수 문자 사용법에
대해서 알아 보도록 하겠습니다.
태그 기초부터 알아보기 전에
압타나 스튜디오를 직접 설치 하시고 한번씩 따라해 보시기 바랍니다.
(백번 보는 것 보다 한번 살짝 타이핑 해보면 이해 되니! 꼭!)
(굳이 압타나 아니더라도 이클립스등 자신에게 맞는 HTML 툴이 있으시다면 사용하시기 바랍니다.)
먼저 HTML 에서 특수문자란 예를들어
'<' 와 '>' 같은 한개 이상의 공백을 만들경우 등 여러 경우에서 사용하게 되는데
이때 일반 키보드나 스페이스로는 먹히지 않기 때문에 이를 화면에 표시가 되게끔
쓰는 HTML 태그 안에 쓰는 문구를 말합니다.
※ 키보드나 스페이스로 한개이상의 공백과 특수문자가 사용 안되는 이유 ※
예를 들면 '<' 와 '>' 같은 경우는 이미 태그를 표현하기 위해 사용하고 있어
표시하기 상당히 어렵고 공백 같은경우는 여러개의 공백이 하나로 붙어 있더라도
HTML상에서는 하나의 공백으로만 간주 하기 때문입니다.
이 밖에도 여러가지 경우가 있는데 이 내용은
아래 표와 사진을 참조 하도록 하겠습니다.
특수문자 |
설명 |
|
공백 문자 한개를 표현 |
< |
< 를 표현 합니다. |
> |
> 를 표현 합니다. |
" |
" 를 표현 합니다. |
& |
& 를 표현 합니다. |
<특수문자 표>
<HTML 화면 표시>
위 화면 표시 부분은 HTML 상에서 작성한 내용을 그대로
웹 브라우저 상에서 실행 시킨 모습입니다.
1. 긴냥과 긴냥 사이 텍스트에 & 를 삽입한 모습
2. 긴냥 다음 텍스트 긴냥을 "로 감싼 모습
3. 긴냥 텍스트를 '<' 와 '>'로 감싼 모습
4. 긴냥과 긴냥 사이 텍스트에 공백 특수문자 3개를
입력해 3칸 띄어쓴 모습 입니다.
여기까지 HTML - 특수 문자 사용법에 관련되어 기록해 보았습니다.
다시 한번 말하지만 백번 보는 것 보다 한두번 써보는게 더 이해하기 쉽습니다.
이상 HTML - 특수 문자 사용법 텍스트 표시 (3)에 관련된
포스팅을 마치도록 하겠습니다.
'웹 공부 > 2. HTML5' 카테고리의 다른 글
| HTML - 이미지(img) 태그 와 src, width, height, alt 속성 - 텍스트 표시 (6) (0) | 2017.05.14 |
|---|---|
| HTML - 링크, a태그 와 href, target, id 속성 - 텍스트 표시 (5) (0) | 2017.05.13 |
| HTML - 리스트 태그 중 - ul태그, ol태그, li태그 - 텍스트 표시 (4) (0) | 2017.05.12 |
| HTML - 헤딩과 텍스트 서식, 수평선 태그, 주석 - 텍스트 표시 (2) (0) | 2017.05.10 |
| HTML - 텍스트 태그, p태그, br태그, pre태그 - 텍스트 표시 (1) (0) | 2017.05.09 |
댓글