5. 텍스트 관련 태그

제목 태그 headings

 

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

h1 > h2 > h3 > h4 > h5 > h6

 

 

글자 형태 태그

 

b 

bold 체를 지정한다

 

strong

bold 체를 지정한다. semantic 중요성의 의미를 갖는다.

b tag 와 같지만 웹 표준에 더 바람직

 

i 

Italic 체를 지정한다. 

 

em

emphasized (강조, 중요한)  text 를 지정한다. semantic 중요성의 의미를 갖는다.

i tag 와 같음

 

small

small text 를 지정한다

 

mark

highlighted text 를 지정한다. (형광펜 효과)

 

del

deleted (removed) text 를 지정한다.

del text 효과

 

ins 

inserted (added) text 를 지정한다

inserted text 효과

 

sub / sup

sub 태그는 아래 첨자 효과

sup 태그는 위에 첨자 효과

 

---

 

본문 태그

 

p

단락(paragraphs) 을 지정한다.

 

br

br tag (강제) 개행 (line break)  을 지정한다. br tag 는 빈요소 (empty element) 로 종료태그가 없다.

 

HTML 에서는 1개 이상의 연속된 공백(space) 을 삽입하여도 1개의 공백으로 표시된다.

1개 이상의 연속된 줄바꿈(enter) 도 1개의 공백으로 표시된다.

 

   

non-breaking space , no-break space  , 연속적 공백 삽입 가능

 

pre 

형식화된 (preformatted) text 지정한다. pre 태그 내의 content는 작성된 그대로 브라우저에 표시된다.

 

hr 

수평줄을 삽입한다.

 

q

짧은 인용문을 지정한다. 브라우저는 인용부호( 큰따옴표) 로 q 요소를 감싼다.

 

<q> 인용문 !! </q>

"인용문 !!"

 

blockquote

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

 

 

https://poiemaweb.com/html5-tag-text

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element