텍스트 관련 tag

1. 제목 태그

heading 태그는 제목을 나타낼 때 사용.  h1에서 h6까지 있다.

h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 큼.

시멘틱 웹의 의미를 살려서 제목 이외에는 사용하지 않는 것이 좋다.

<h1></h1>

 

2. 글자형태 태그

 

2.1 b

bold체를 지정. 의미론적(semantic) 중요성 의미는 없다. <b></b>

 

2.2 strong

bold체를 지정, Semantic 중요성의 의미를 갖는다.

웹표준을 준수하고자 한다면 b 보다 strong을 사용하는 것이 바람직.

<strong></strong>

 

2.3 i

Italic체를 지정. Semantic 중요성 의미는 없다. <i></i>

 

2.4 em

emphasized(강조, 중요한) 텍스트를 지정. 이탈릭체로 표현되고, 의미론적 중요성 의미를 갖는다.

<em></em>

 

2.5 small

small 텍스트를 지정. <small></small>

 

2.6 mark

하이라이 텍스트를 지정 <mark></mark>

 

2.7 del

취소선을 지정 <del></del>

 

2.8 ins

inserted(added) 텍스트를 지정 (밑 줄) <ins></ins>

 

2.9 sub / sup

sub : 아래에 쓰인 텍스트 

sup : 위에 쓰인 텍스트 

 

3. 본문  태그

3.1 p

단락 Paragraphs를 지정 <p></p>

 

3.2 br

(강제)개행을 지정. 빈 요소이므로 종료태그가 없다. <br>

 

* HTML에서는 1개 이상의 연속된 공백을 삽입하여도 1개의 공백으로 표시된다. 1개 이상의 연속된 줄 바꿈도 1개의 공백으로 표시된다.

 

연속적 공백을 삽입하는 방법

<p>This is&nbsp; a para&nbsp; &nbsp; graph</p>

 

3.3 pre

형식화된 텍스트를 지정한다. pre태그 내의 콘텐츠는 작성된 그대로 브라우저에 표시된다. <pre></pre>

 

3.4 hr

수평줄 삽입 <hr>

 

3.5 q

짧은 인용문을 지정. 브라우저는 큰 따옴표로 q요소를 감싼다. <q></q>

 

3.6 blockquote

긴 인용문 블록을 지정. 브라우저는 들여쓰기로 표현. <blockquote></blockquote>