[font] HTML - <strong> 태그 ★ - 굵은글씨 (= 글자굵기 = 폰트굵게 = strong태그 = 스트롱태그)

목차

1. <strong> 예제 - 문맥 상 중요 시, 굵은 글씨
2. <strong> 정의
3. <strong> 구문
4. <strong> 예제 - 상하 margin 적용하기

<strong> 예제 - 문맥 상 중요 시, 굵은 글씨

<strong> 정의

 

일반 텍스트에 비해 강조할 글자의 굵기를 굵게 표시.

 

---

 

1. 

• 단순히 글자 굵게 할 땐, <b> 태그 사용 (B : Bold의 첫 글자)
• HTML4.01에서는 강조 텍스트 표시할 때 사용하나, HTML5에서는 문맥상 중요 텍스트 표시할 때 사용.
• CSS 경우, font-weight 속성 이용.
• 인라인요소라 옆으로 나열됨. CSS margin 적용 시 좌우만 적용됨. 상하도 적용하려면, display:inline-block 속성도 함께 적용해 인라인블락 요소로 만들어야 함.
• 시작태그와 종료태그로 구성

 

2. HTML5 경우, 아래 기준에 맞게 사용 권장. 

• <H1> ~ <H6>  - 표제  (headings)
• <em> - 강조 텍스트. 강조 (emphasized text)
• <strong> - 문맥상 중요 텍스트. 강한 강조 (important text ; strongly-emphasized text)
• <mark> - 마크업되거나 하이라이트. 노란배경색 (marked/highlighted text)
• <b>  - 위 경우에 해당되지 않은 경우에 사용

3. MDN <strong> 예제보기
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

 

<strong> 구문

 

<strong> 강조할 텍스트</strong>

<strong> 예제 - 상하 margin 적용하기

 

<style>

p {border:1px solid blue;}

.p1 strong {margin:30px; }

.p2 strong {margin:30px; display:inline-block;}
</style>

 

<p class='p1'><strong>홈짱닷컴 Homzzang.com</strong></p>

<p class='p2'><strong>홈짱닷컴 Homzzang.com</strong></p>

결과보기