Text Tag : Inline Level

1. <strong> 태그,  <b> 태그 : 굵게 표시하기 (bold)

<strong>
	강조하고 싶은 굵은 텍스트
</strong>

<b>
	굵은 텍스트
</b>

<strong> 태그와 <b> 태그는 육안으로 구분이 되지 않지만 이 둘의 차이는 화면 낭독 기능에 있다.

중요한 내용을 강조하고 싶을 때는 <strong> 태그, 단순히 굵게 표현할 때는 <b> 태그를 쓰도록 하자.

 

 

2. <em> 태그, <i> 태그 : 이탤릭체로 표시하기 (emphasis, italic)

<em>
	strong 태그와 같이 강조하고 싶을 때 사용
</em>
<i>
	단순히 이탤릭체로 표시하고 싶은 내용
</i>

 

 

3. <q> 태그 - 인용 내용 표시하기 (quote)

<q>
	blockquote 와 같은 기능을 수행하지만 인라인 레벨에서 줄바꿈 없이 표기 가능하다.
</q>

그리고 자동으로 큰 따옴표를 추가하여 준다.

 

 

 

4. <mark> 태그 : 형광펜 효과

<mark>
   형광펜을 칠한 것 같은 효과를 준다.
</mark>

CSS 의 background-color 속성을 활용하면 형광펜 색상을 변경할 수 있다.

 

 

5. <span> 태그 : 영역 묶기

<span style="color:blue";>
	텍스트를 하나의 영역으로 묶어 스타일 속성을 적용한다.
</span>

 

6. <ruby> 태그, <rt> 태그 : 동아시아 글자 표기

<ruby>내용<rt>발음</rt></ruby>

<ruby>松本行弘<rt>まつもとゆきひろ</rt></ruby>