[HTML] 자주 사용되는 HTML 태그정리1 - 텍스트, 목록

1. hn 태그

• 주로 제목에 사용된다.
• <h1>~<h6>까지 사용할 수 있으며 숫자가 커질 수록 글자 크기는 작아진다.

 

2. p 태그 

• 테스트 단락, 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다.

 

 

3. br 태그 

• 줄 바꾸는데 사용한다.
• 텍스트 단란 중 원하는 위치에서 줄을 바꾼다.

 

[p태그와 br태그의 차이점]

p태그는 단락을 나누면서 줄바꿈을 해주는 태그이고 br태그는 단순한 줄바꿈을 해주는 태그이다.

 

4. strong, b 태그

• strong: 텍스트를 굵게 표시 + 강조의미 O
• b: 텍스트를 굵게 표시 + 강조의미 X

 

5. em, i 태그 

• em: 텍스트를 기울여서 표시 + 강조의미 O
• i: 텍스트를 기울여서 표시 + 강조의미 X
• 화면 낭독기에서 em은 강조해서 읽어준다.

 

6. sup, sub

• sup: 위 첨자를 나타낼 때 사용한다
• sub: 아래 첨자를 나타낼 때 사용한다. 

 

7.  ol, ul, li

• ol: 순서 있는 목록의 시작과 끝을 나타낸다.
• ul: 순서 없는 목록의 시작과 끝을 나타낸다.
• li: 순서 있는 목록이나 순서 없는 목록의 각 항목을 나타낸다.

 

8. dl, dt, dd

• dl: 설명 목록의 시작과 끝을 나타낸다.
• dt: 설명 목록의 이름(제목)을 나타낸다.
• dd: 설명 목록의 값(설명)을 나타낸다.