HTML

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

목차

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

 

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

 
<p>
    홈페이지 제작관리 :  <strong>홈짱닷컴 (Homzzang.com)</storng>
</p>

결과 보기
 

<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>  - 위 경우에 해당되지 않은 경우에 사용

 

<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>


결과보기



분류 제목
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
intro HTML - 태그 문법 ★
basic HTML - <!DOCTYPE> 태그 ★ - 문서타입 (= !doctype태그 = !doctype요소 = …
basic HTML - <html> 태그 ★ - HTML문서 (= html태그/html요소 = 에이치티엠엘태그/에이치티…
basic HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
1/24
목록
 홈  PC버전 로그인 일본어
그누앞단언어 1
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인