HTML CSS] 글꼴을 굵게 진하게; 굵은 글자, 단어 강조 태그, 볼드체; Bold Font Tag

웹페이지에서 강조해야 할 단어는, 글꼴을 굵게 표시하는 것이, 즉 "볼드체"를 사용하는 것이 좋습니다. 글자를 굵고 진하게 나타내는 태그는
<strong></strong>
입니다.

예전에는 <b></b> 태그를 사용했는데, 이것은 최신 웹표준에 부합하지 않습니다. 타이핑하기가 좀 번거롭더라도 strong 태그를 사용하는 것이 좋습니다. 텍스트 편집기에서 <strong></strong> 이런 문자열을 상용구로 만들어 핫키를 지정해 두면 편리합니다.

(Update 2021-07-18 : HTML5 에서는, b 태그는 비표준이 아니지만 단순히 글자만 굵게 표현하는 것이고, 강조할 때는 여전히 strong 태그 사용이 추천됩니다.)

그런데 strong(중요성 importance 을 표현)태그나, em(강조 emphasis 를 표현)태그는 본문 문장의 일부를 강조할 때 적합한 것입니다. 웹페이지 디자인할 때, 특별한 강조의 의미 없이 그냥 글자만 굵게 표현하고 싶을 때에는, 아래의 예제와 같이 CSS의 font-weight:bold 를 사용하는 것이 가장 이상적입니다.

굵은 글자(볼드체)로 표현 예제

파일명: example.html



브라우저 출력 결과 화면:
(3가지 태그 모두, 뜬구름이라는 단어가 굵게 나왔습니다)





참고로, <br /> 태그는 줄바꿈 태그입니다.
(Update 2021-07-18 : HTML5 에서는, <br /> 보다 <br> 이 추천됩니다. XHTML 방식인 <br /> 로 표현하는 것도 허용됩니다.)



▶▶ HTML CSS] 글꼴을 이탤릭체로; 비스듬한 이탤릭 글자 태그; Italic Font Tag