[font] HTML - <em> 태그 - 의미 강조어 텍스트 기울게 표시 (= em태그 = 엠태그/이멤태그/엠퍼시스태그)

목차

1. <em> 예제 - 의미 강조어 기울게 표시
2. <em> 정의
3. <em> 구문
4. <em> 속성
5. <em> 예제 - 구문 태그 비교

<em> 예제 - 의미 강조어 기울게 표시

 

<p><em>홈짱</em>닷컴 <em>Homzzang</em>.com</p>

 

결과보기

<em> 정의

 

문맥 상 의미를 강조할 텍스트를 이탤릭체로 표현

 

---

 

1.

대부분의 브라우저는 이탤릭체 (= 기울어진 글씨체)로 표시.

em { 

  font-style: italic;

}

 

 

2. 
em : (emphasis: 강조)의 첫 두 글자

 

 

3. cf. 

• <H1> ~ <H6> 태그 - 표제에 사용  (headings) 
• <em> 태그 - 강조된 텍스트에 사용. 강조에 사용 (emphasized text) 
• <strong> 태그 - 중요한 텍스트에 사용. 강한 강조에 사용 (strong emphasis, important text) 
• <mark> 태그 - 마크업되거나 하이라이트 된 경우 사용 (marked/highlighted text)
• <b> 태그 - 위 경우에 해당되지 않은 경우에 사용 (bold)  

 

4. 

시작태그와 종료태그로 구성 

 

<em> 구문

<em> 속성

 

<em>태그는 전역속성과 이벤트 속성 지원.

 

<em> 예제 - 구문 태그 비교

 

<p>홈짱닷컴 (<em>Homzzang.com</em>) - em: 강조체</p>

<p>홈짱닷컴 (<strong>Homzzang.com</strong>) - strong: 강함체</p>

<p>홈짱닷컴 (<code>Homzzang.com</code>) - code: 코드체</p>

<p>홈짱닷컴 (<samp>Homzzang.com</samp>) - samp: 샘플체</p>

<p>홈짱닷컴 (<kbd>Homzzang.com</kbd>) - kbd: 키보드체</p>

<p>홈짱닷컴 (<var>Homzzang.com</var>) - var: 변수체</p>

<p>홈짱닷컴 (<mark>Homzzang.com</mark>) - mark: 마크체</p>

<p>홈짱닷컴 (<b>Homzzang.com</b>) - b: 볼드체(=굵은체)</p>

 
결과보기