텍스트 표현

HTML 주석

---

문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용

• 브라우저에 의해 출력되지 않으므로 소스에서만 확인 가능
  • <!-- 소스 설명 -->
  • '<--' 와 '-->'는 하나의 문자처럼 사용 -> 각 문자 사이에 공백 불가
  • 주석 안에서는 <. >, --를 사용하지 말아야 함 
  • 태그 내에서는 사용 불가 
• CSS, 자바스크립트의 주석 형식 -> /* 소스 설명 */

줄을 바꾸는 <br> 태그

---

편집기에서 엔터기와 같은 기능

• 종료태그 없이 사용 -> <br/>

단락을 나누는 <p> 태그

---

문단을 나누어 독립적인 단락을 생성

• 다른 내용과의 구분을 위해 단락 전후에서 자동 줄바꿈 수행
• p 태그를 연속해서 여러 개를 사용해도 한 번 사용한 것과 같은 효과를 가진다.

공백 및 특수 문자 입력

---

두 칸 이상의 연속된 공백, 예약어로 사용되는 문자, 키보드로 직접 입력할 수 없는 문자를 입력하는 경우

문자	특수 이름	10진수 코드	16진수 코드
<	&lt;	&#60;	&#x3c;
>	&gt;	&#62;	&#x3e;
&	&amp;	&#38;	&#x26;
"	&quot;	&#34;	&#x22;
공백	&nbsp;	&#32;	&#x20;
ⓒ	&copy;	&#169;	&#xa9;
￥		&#165;	&#xa5;
♡			&#x2661;
☞			&#x261e;

수평선을 그리는 <hr> 태그

---

텍스트 사이에 수평선을 그리는 것

• 단락의 주제를 구분하는 의미로서 사용
• 자동 줄바꿈, 종료태그 없이 사용 -> <hr/>

단락의 제목을 지정하는 <hn> 태그

---

n = 1, ... , 6 -> <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

• 크기 -> <h1> > <h2> > <h3> > <h4> > <h5> > <h6>
• 굵은 글자 볼드, 자동 줄바꿈

텍스트를 자유롭게 표시하는 <pre> 태그

---

편집기에서 문자가 입력된 형식을 그대로 유지하여 출력

• 특수 문자가 많은 텍스트(예: 프로그램 소스)를 표시할 때 유용

단락을 들여쓰는 <blockquote> 태그

---

상하 줄바꿈으로 구분되는 단락의 생성 및 들여쓰기

• 들여쓰기 간격은 인위적인 조정이 불가
• 주로 인용문을 만들 때 사용
• cite 속성 -> 인용된 부분의 URL 지정