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