[HTML] 태그 (기본 ,강조, 첨자, 취소, 인용)

1. 기본 태그

- h1~6, p, br, span, div 등등

- 모르는 태그는 mdn 사이트 검색하기

예시 : br mdn 사이트  

<br>: 줄바꿈 요소 - HTML: Hypertext Markup Language | MDN

 

2. 강조 태그

HTML 태그는 정보의 종류를 구분하는데만 사용합니다.
(오늘날 스타일 정보는 CSS로 분리)

태그설명비고

b	글자를 굵게 (구버전 HTML)	👉 사용 일람 보기
strong	중요한 내용임을 명시	warning
i	글자를 기울임 (구버전 HTML)	👉 사용 일람 보기
em	강조할 내용임을 명시

3. 첨자 태그

 

위 첨자 태그

1st, 2nd... nth, xn 등 지수나 서수를 위한 위 첨자를 표시할 때는
sup 태그를 사용합니다.

 

아래 첨자 태그

Yalco1, H2O, xn 등 각주, 변수, 화학식을 위한 아래 첨자를 표시할 때는
sub 태그를 사용합니다.

 

태그설명비고

<sup>	위 첨자	지수, 서수
<sub>	아래 첨자	각주, 변수, 화학식

4. 밑줄 태그와 취소선 태그

 

구)밑줄 태그와 취소선 태그

u 태그는 과거 밑줄을 긋는 용도로 사용되었으나
현재는 CSS 효과와 함께 철자 오류 등을 강조하는 용도로 사용됍니다.
s 태그는 더 이상 유효하지 않은 정보를 취소선과 함께 나타내죠.

태그설명비고

<u>	철자 오류 표시	예전에는 밑줄 용도로 사용
<s>	더 이상 유효하지 않은 정보 표시

 

5.인용문 관련 태그

 

blockquote와 cite 태그

HTML <blockquote> 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다.
주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요)
인용문의 출처 URL은 cite 특성으로, 출처 텍스트는 <cite> 요소로 제공할 수 있습니다.

<blockquote>: 인용 블록 요소 from MDN

짧은 인용문을 위한 q 태그

q 태그에 대해 MDN 문서는 HTML <q>요소는 둘러싼 텍스트가 짧은
인라인 인용문이라는것을 나타냅니다. 라고 설명하고 있습니다.

 

mark 태그

본 페이지는 "인용문"이란 키워드로 검색한 결과입니다.
mark 태그는 사용자의 행동과 관련 있는 부분(예: 검색 결과),
또는 인용문에서 주시해야 할 부분들을 표시합니다.

mark 태그 역시 CSS와 병행하여 사용해야 합니다.

 

<blockquote>	비교적 긴 인용문에 사용	cite 속성으로 출처 표시
<cite>	저작물의 출처 표기	제목을 반드시 포함
<q>	비교적 짧은 인용문에 사용	cite 속성으로 출처 표시
<mark>	인용문 중 하이라이트 또는 사용자 행동과 연관된 곳 표시

6. 약자태그 (abbr)