프로그래밍/HTML 공부

HTML 태그 정리 - strong, u, h1, b

이자다 2022. 11. 28. 20:14
반응형

1. strong

 

<strong>hello! how are you?</strong> 으로 표현

 

-> hello! how are you?

 

문자를 진하게 표시함

 

 

 

2. u

 

underline의 약자

 

<u>hello! how are you?</u> 로 표현

 

-> hello! how are you?

 

 

 

3. h1 ~ h6

 

heading의 약자. 제목이라는 뜻. h7은 없다.

 

숫자가 작을수록 글씨가 커진다.

 

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

 

위와 같이 표현.

 

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

 

이런식으로 출력 된다.

 

 

 

4. b

 

bold의 약자. strong과 같이 굵은 글씨를 나타낸다.

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/b

 

위 사이트를 참고하면, strong과 다른 점은 strong은 특별히 중요한 내용을 강조할때 사용하고 b는 요약 키워드, 리뷰 제품명 등 중요도는 없지만 굵게 표시할 부분에 사용한다고 한다.

 

 

<b>이 문장은 단순히 굵게 표현된 텍스트입니다.</b> 이런식으로 표현하고

 

이 문장은 단순히 굵게 표현된 텍스트입니다.

 

 

이런식으로 출력된다

반응형

'프로그래밍 > HTML 공부' 카테고리의 다른 글

html 주석  (0) 2022.12.20
<span> 태그  (0) 2022.12.16
브라우저 스타일 초기화  (0) 2022.12.14
head 태그 내부 요소들 정리  (0) 2022.12.06
HTML <!DOCTYPE html> 정리  (0) 2022.12.06