반응형
HTML 텍스트 강조 표시
HTML에서는 strong나 em 태그 등을 활용하여 텍스트를 강조할 수 있습니다. 텍스트를 강조하거나 장식 효과를 표현하고 싶을 때 사용하는 HTML 요소에 대해 알아보겠습니다.
1. strong 태그
strong은 중요함을 나타내는 요소니다. strong 요소를 활용하면 텍스트는 굵은 글자로 나타납니다.
다음과 같이 코드를 사용합니다.
<p>
텍스트를 <strong>강조할 때 표시하는</strong> 태그를 알아봅니다.
</p>
결과는 다음과 같습니다.
텍스트를 강조할 때 표시하는 태그를 알아봅니다.
2. em 태그
em 태그 역시 텍스트 중 일부를 강조하고 싶을 때 사용합니다. 기본적으로 em 태그를 사용하면 텍스트는 이탤릭으로 표시됩니다.
아래와 같이 사용합니다.
<p>
텍스트를 <em>강조할 때 표시하는</em> 태그를 알아봅니다.
</p>
결과는 아래와 같습니다.
텍스트를 강조할 때 표시하는 태그를 알아봅니다.
strong 태그와 em 태그는 html 문서 내에서 중요도를 표시하는 요소입니다. 보여지는 것과 마찬가지로 중요성을 나타내는 지표로 볼 수 있습니다.
하지만 문서 내에서 중요성을 나타내는 것과는 별도로 그저 장신적인 효과만을 위해 사용하는 태그도 있습니다.
<b> 태그, <i> 태그, <u> 태그 등이 그러한 용도로 사용됩니다.
3. b 태그, i 태그, u 태그
사용 형식은 다음과 같습니다.
<p>
<b>텍스트를 강조하고 싶을 때</b>
<i>텍스트를 기울이고 싶을 때</i>
<b>텍스트에 밑줄을 표시하고 싶을 때</b>
</p>
실행 결과는 아래와 같습니다.
텍스트를 강조하고 싶을 때
텍스트를 기울이고 싶을 때
텍스트에 밑줄을 표시하고 싶을 때
* 다만 <i> 태그와 <u> 태그는 원칙적으로는 사용하지 않습니다.
<u> 태그를 넣을 경우 링크 요소와 헷갈릴 수 있어 잘 사용하지는 않는 경향이 있습니다.
반응형
댓글