본문 바로가기

카테고리 없음

9.[HTML] 텍스트 내용 강조하기 <strong>, <em>

728x90

이번 시간에는 텍스트에서 특정 내용을 강조하기 위한 태그로써 사용하는 방법을 알아보자.

만약 텍스트 작성중에 특정 내용을 강조하기위해 사용되는 태그는 다양하지만 <strong>, <em>태그

로 한번 알아보겠다.

 

<strong> 태그

strong태그는 텍스트의 의미를 강조하고 싶을때 사용하는 태그이며, 시각적으로 텍스트를 굵게 표현을

하기도하며 웹 브라우저에서 중요한 부분임을 알려주는 역할도 하기도 한다.

코딩작성 방법은 아래와 같은 방법을 사용하여 쓸수있다.

<strong>오늘은 매우 중요한 날이다</strong>

뿐만아니라 <p>태그와 같이 사용할수 있다. 아래의 예시를 한번 살펴보자.

<p>오늘은 <strong>매우</strong>중요한 날 이다.</p>

출력 결과 값

상단의 예시처럼 <strong>태그를 사용하여 텍스트의 내용을 강조할수있게 되었다.

<strong>태그는 텍스는 "내용을 강조하는 의미"라는걸 기억해두자.


<em>태그 

텍스트 내용을 강조하는것이 <strong> 태그였다면, 마찬가지고 텍스트 내용을 강조하는 것이지만 

내용이 기울어져 보이면서 강조 효과를 내는 <em>태그에 대해서 알아보자.

마찬가지로 아래의 예시를 한번 봐보자

<p>안녕하세요 오늘은 <em>매우 중요한 날</em> 입니다.<p>

출력한 결과 값

출력한 값을보면 <em>태그 안에 있은 "매우 중요한 날"의 텍스트 내용이 기울어져 있는것을 확인 할 수 있다.

 

텍스트를 강조하는 태그는 여러가지있겠지만. 이번시간에는 strong태그, em태그에 대해서 알아보았다.

728x90