Front-End/HTML

HTML ■ 텍스트 태그 활용하기

SIKIDA 2024. 5. 1. 20:13
728x90

 

 

◈ 개행과 가로선

 

• br 태그

문장을 개행(줄바꿈)할 때 사용

 

• hr 태그

가로로 밑줄을 그어 상/하단을 구분하기 위한 용도로 사용

 

 

◈ 제목

• h 태그

제목을 입력할때 주로 사용되는 태그로써, 뒤에 붙는 숫자에 따라 폰트의 크기가 달라짐

h6 -> h5 -> h4 -> h3 -> h2 -> h1 : 숫자가 작아질수록 폰트가 커짐

 

 

 

◈ 문자 강조

• strong, b 태그

문자를 굵게 표시하여 강조할 경우 사용

 

• 차이점

b 태그는 시각적으로 효과를 나타내기 위해 사용하며, strong 태그는 중요한 부분이나 강조되어야 하는 내용을 나타내거나 스크린 리더 등의 사용자에게 중요한 내용임을 알려주기 위한 태그. 즉, 둘의 차이점은 용도에 의한 차이이다.

 

• 예시

 

 

◈ 작은 글씨

 

• small 태그

기본의 문자보다 작은 글씨로 표시하는 태그

 

• 예시

 

◈ 밑줄과 취소선

 

• u 태그

글자에 밑줄을 표시하는 태그

 

• s 태그

글자에 취소선을 표시하는 태그

 

• 예시

 

 

◈ 단락

• p

글의 단락을 나타내는 태그

 

• 예시

 

 

◈ 첨자

 

• sup 태그

글자를 위 첨자로 표시하는 태그

 

• sub 태그

글자를 아래 첨자로 표시하는 태그

 

• 예시

 

 

 

 

오늘은 HTML에 대해 공부를 진행했다! 그럼 20000!!

 

'Front-End > HTML' 카테고리의 다른 글

HTML ■ 양식 요소 활용  (0) 2024.05.16
HTML ■ 테이블 태그 활용  (0) 2024.05.15
HTML ■ 목록 태그  (0) 2024.05.10
HTML ■ 이미지,하이퍼링크 태그 활용하기  (0) 2024.05.09
HTML ■ HTML(HyperText Markup Language)  (0) 2024.04.30