[HTML] HTML5 텍스트 요소

제목

- <h1> ~ <h6>: 제목을 표시

본문

- <p>: 단락을 표시. 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미. 태그 내에서 작성된 여러 번의 띄어쓰기와 줄 나누기는 오직 하나의 띄어쓰기로만 표현

- <br />: break line을 사용하여 줄 나누기

- <pre>: 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현

- <hr />: 수평 가로 구분선 표시. 단란을 나누거나 내용상의 구분을 표현

글자 형식

- <b>: 텍스트를 굵게 표현

- <strong>: 텍스트를 굵게 표현. 중요하다는 의미 포함

- <i>: 이탤릭체 표현

- <em>: 이탤릭체 표현. 중요하다는 의미 포함

- <small>: small text를 표시

- <mark>: 하이라이팅 효과 표현

- <del>: 삭제 효과. 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운 것과 같은 효과

- <ins>: 삽입 효과. 텍스트 밑에 가로줄을 만들어 마치 빈칸에 텍스트를 삽입한 것과 같은 효과

- <sup>: 위첨자 표현

- <sub>: 아래첨자 표현

- <q>: 짧은 인용구 표현. 자동으로 앞뒤에 큰따옴표가 붙음

- <blockquote>: 길이가 긴 인용문 표현

- <abbr>: 용어의 축약형 표현. 태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 표시

- <address>: 주소를 표현. 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입

엔티티(Entity)

- 엔티티는 미리 예약된 HTML 예약어를 그대로 사용하기 위해 별도로 만든 문자셋

- 엔티티의 형태는 [&엔티티명;] 또는 [&#엔티티숫자;]

- 엔티티의 이름은 대소문자를 구분

 

문자	엔티티 이름	16진수값	설명
공백	 	 	줄 바꿈 없는 공백
<	&lt;	&#60;	보다 작은
>	&gt;	&#62;	보다 큰
&	&amp;	&#38;	AND 기호
"	&quot;	&#34;	큰따옴표
'	&apos;	&#39;	작은따옴표

발음 구별 부호(diacritical marks)

- 악센트는 발음을 나타내는 부호

발음 구별 부호	문자	16진수값	결과
`	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

심볼(Symbol) 특수문자

- HTML 예약어 이외에도 키보드에 입력할 수 없는 문자를 표현하기 위한 심볼 특수문자를 사용

- 심볼 특수문자에는 수학 용어, 그리스 문자, 국제 통화 등이 존재

심볼 특수 문자	엔티티 이름	16진수값	설명
¢	¢	¢	센트
£	£	£	파운드화
¥	¥	¥	엔화
€	€	€	유로화
©	©	©	저작권
®	®	®	등록상표
×	×	×	곱셈
÷	÷	÷	나눗셈

Reference

- HTML 요소 참고서

- Character Entity Reference in HTML4