html (3) 강조 태그 [strong, b, em, i, span]

·2025년 4월 17일

html

목록 보기
3/9


inline 형태 : 문단 정렬이 되지 않고, 줄바꿈 없이 나열되는 형태로 화면에 표시되는 영역만큼만 차지 (내용의 폭 값을 가지며 화면 일부를 차지)
따라서 나머지 공간에 다른 요소가 올 수 있다. 꾸며주는 부분은 단락이 내려가면 x

강조 태그

1. strong, b 태그 : 볼드체 표현

코드

<p>strong 태그는 경고, 주의사항과 같이 중요한 내용들을 <strong>강조할 때 사용!</strong></p>
<b>b 태그는 글자를 굵게 표현하고 싶을 때 사용 </b>

결과

strong 태그는 경고, 주의사항과 같이 중요한 내용들을 강조할 때 사용!

b 태그는 글자를 굵게 표현하고 싶을 때 사용



2. em, i 태그 : 이탤릭체 표현

코드

<p>em 태그 >> 의미적으로 강조하고 싶은 부분에 사용. 주위 텍스트에 비해서 <em>강조된 부분이나 저자의 생각을 강조</em> 할 때 사용</p>
<i>i 태그 >> 이탤릭체 표현 </i>

결과

em 태그 >> 의미적으로 강조하고 싶은 부분에 사용. 주위 텍스트에 비해서 강조된 부분이나 저자의 생각을 강조 할 때 사용

i 태그 >> 이탤릭체 표현

3. span 태그

코드

<p>span 태그는 
    <!-- <style></style> -->의 선택자와 함께 주로 사용하며 글자를 
    <span style="color : red; background:blue;">꾸밀때</span> 사용한다.
</p>

결과

span 태그는 의 선택자와 함께 주로 사용하며 글자를 꾸밀때 사용한다.

0개의 댓글