개발/html

HTML - 글자 태그

ju_ni_ 2023. 7. 11. 10:02
반응형

제목 태그<h>

 

  • 제목을 표현할 수 있는 태그
  • 가장 큰 <h1> 태그부터 가장 작은 <h6> 태그까지 제공
  • 블록 태그(한줄을 다차지하는 태그)
  • 검색엔진에서 키워드로 사용

 

예시)

 

문단 태그<p>

 

  • 내용상 끊어서 구분할 수 있는 부분(문단)을 만드는 태그
  • 블록 태그

 

예시)

 

서식 태그

 

<strong>

  • 택스트를 굵게 표현하고 싶을 때 사용
  • <b> 태그와 동일한 기능
  • 웹 접근성에 사용

 

<em>

  • 텍스트를 이탤릭 체로 표현하고 싶을 때 사용
  • <i> 태그와 동일한 기능
  • 웹접근성에 사용

웹 접근성

정상적인 웹 컨텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있도록 웹 컨텐츠를 제작하는 기법

 

<mark>

  • 텍스트에 하이라이팅(형광) 효과를 적용

 

<del>

  • 텍스트 중앙에 가로줄을 만들어 텍스트를 지운것과 같은 효과를 줌

 

<ins>

  • 텍스트 밑에 선을 그어 텍스트의 강조효과를 줌

 

<sup>

  • 위첨자를 표현할 때 사용

 

<sub>

  • 아래첨자를 표현할 때 사용

 

예시)

반응형

'개발 > html' 카테고리의 다른 글

HTML - 이미지태그  (0) 2023.07.11
HTML - 목록 태그  (0) 2023.07.11
HTML  (0) 2023.07.11