Javascript/HTML5

4. 텍스트 관련 태그

Frankie 2020. 4. 29. 22:14

HTML 콘텐츠의 대부분은 텍스트로 구성된다.

 

1. 제목 태그

h1~h6까지 있으며 h1이 가장 중요한 제목을 의미하고 글자의 크기도 가장 크다. 시맨틱 웹의 의미를 살려서 제목 이외에는 사용하지 않는 것이 좋다.

 

2. 글자 형태 태그

1) b - bold체 지정

2) strong - b와 동일하게 bold체 지정 하지만 중요한 의미를 갖는다. 웹표준을 준수하고자 하면 strong 사용하는 것이 바람직

3) i - Italic체 지정

4) em - emphasize text 지정 i tag와 동일하게 Italic체로 표현. 중요한 의미를 갖는다.

5) small - small text를 지정

6) mark - highlighted text를 지정

7) del - deleted text 지정 글자 앞에 -로 그어져 있다.

8) ins - inserted text를 지정 글자 아래 밑줄

9) sub/sup - sub태그는 subscripted text를 sup 태그는 superscripted text를 지정

 

3. 본문 태그

1) p - 단락(Paragraphs)을 지정

2) br - 강제 개행을 지정한다 br tag는 빈 요소로 종료 태그 X

연속적 공백을 사용하려면 &nbsp &nbsp 사용해야 한다.

3) pre - 형식화된 text를 지정 pre 태그 내의 내용은 작성된 그대로 브라우저에 표시

4) hr - 수평줄을 삽입

5) q - 짧은 인용문을 지정 "~"

6) blockquote - 긴 인용문 블록을 지정. 브라우저는 blockquote 요소를 들여쓰기한다. css 이용해서 다양한 style을 적용할 수 있다.

'Javascript > HTML5' 카테고리의 다른 글

6. 목록,표 형식 표현을 위한 태그  (0) 2020.05.12
5. Hyperlink  (0) 2020.04.29
3. 기본 태그  (0) 2020.04.29
2. 시맨틱 요소와 검색 엔진  (0) 2020.04.29
1. HTML5 기본 문법  (0) 2020.04.29