[HTML 텍스트 요소] 서식

공부 참고 : http://tcpschool.com/html/html_text_formatting

▶ 서식

▣ 서식(Formatting)

- HTML은 텍스트에 다양한 효과를 주는 태그들을 제공.

▣ 강조 효과

- HTML 문서에서 텍스트를 굵게 표현할 때는 <b>태그(bold text)나 <strong>태그를 사용.

"누구나" 사랑받아야 합니다.
"누구나" 사랑받아야 합니다.

- 결과 화면

"누구나" 사랑받아야 합니다.

"누구나" 사랑받아야 합니다.

- <b>태그는 단순히 화면의 텍스트를 굵게 표현.

- <strong>태그는 화면 뿐만아니라 그 내용이 중요하다는 의미도 포함.

- 이탤릭체를 표현하고 싶을 때는 <i>태그(italic text)나 <em>태그(emphasized text)를 사용.

"누구나" 사랑받아야 합니다.
"누구나" 사랑받아야 합니다.

- 결과 화면

"누구나" 사랑받아야 합니다.

"누구나" 사랑받아야 합니다.

- <i>태그는 단순히 화면의 텍스트를 이탤릭체로 표현.

- <strong>태그는 화면 뿐만아니라 그 내용이 중요하다는 의미도 포함.

- 검색엔진은 <strong>태그나 <em>태그를 통해 강조된 텍스트를 더 중요하게 인식

▣ 하이라이팅 효과

- <mark>태그는 텍스트에 하이라이팅 효과를 적용함.

"이 부분"만 하이라이팅.

- 결과 화면

"이 부분"만 하이라이팅.

▣ 삭제 효과

- <del>태그는 텍스트 중앙에 가로줄을 만들어 삭제한듯한 효과를 줌.

"이 부분"을 삭제효과주자.

- 결과 화면

"이 부분"을 삭제효과주자.

▣ 삽입 효과

- <ins>태그(insert)는 텍스트에 밑줄을 침.

"밑줄 친 부분"에 들어갈 알맞은 말을 고르세요.

- 결과 화면

"밑줄 친 부분"에 들어갈 알맞은 말을 고르세요.

▣ 위첨자와 아래첨자 효과

- 위첨자 : <sup>태그 (superscript)

- 아래첨자 : <sub>태그 (subscript)

X2 + Y3 = Z
물을 나타내는 화학식은 H2O 입니다.

- 결과 화면

X² + Y³ = Z

물을 나타내는 화학식은 H₂O 입니다.