중요한 글자 강조하기 - em, strong

강조하는 글자, 중요한 글자, 글씨를 기울이거나 굵게 만드는 방법
0 min read

em, strong

  • <em> 태그는 기울임꼴로 강조할 텍스트에 사용합니다.
  • <strong> 태그는 굵게 강조할 텍스트에 사용합니다.

 

em 태그와 i 태그의 차이점

문장에서 흐름상 특정 부분을 강조하고 싶을 때는 <em> 태그를 사용하고, 마음 속의 생각이나 꿈, 기술적인 용어, 다른 언어의 관용구 등에는 <i> 태그를 사용합니다.

 

strong 태그와 b 태그의 차이점

경고나 주의사항처럼 중요한 내용으로 강조해야 할 때는 <strong> 태그를 사용하고, 문서의 키워드처럼 단순히 내용만 굵게 표시할 때는 <b> 태그를 사용합니다.

 

예제

다음은 중요한 글자를 강조하는 예제입니다.

<p>Lorem <em>Ipsum</em> <strong>Dolor</strong>.</p>
<p>Lorem <i>Ipsum</i> <b>Dolor</b>.</p>

You may like these posts

  • 표(table)에 제목이나 설명을 덧붙일 때 <caption> 태그를 사용하지만 <figcaption> 태그를 사용할 수도 있습니다. 두 가지 방법 모두 알아보겠습니다.   caption 먼저 <caption> 태그는 <t…
  • 구글 블로그(Blogger)에서 게시물을 작성하고 페이지와 테마 수정을 위해 필요한 HTML 기본지식 기본형 <name>Contents</name> <name>을 시작 태그, </name>을 종료 태그 라고 합니다. …
  • 표 만들 때 사용하는 태그 <table> : 표를 만듭니다. <tr> : 행을 만듭니다. <th> : 열의 제목이 들어가는 셀을 만듭니다. <td> : 내용이 들어가는 셀을 만듭니다. <thead>, <tbody>, …
  • audio HTML5에서 배경 음악이나 효과음 등 오디오를 삽입할 때는 <audio> 태그를 사용합니다. 이때 대부분의 브라우저에서 mp3 파일을 지원하기 때문에 mp3 파일을 사용하는 것이 좋습니다.   기본형 <audio autoplay controls…
  • 줄바꿈 HTML은 연속한 여러 개의 빈 칸 또는 줄바꿈을 하나의 빈 칸으로 인식합니다. 따라서 코드 상에서 줄바꿈을 하거나 여러 번 띄어쓰기를 해도 한 번 띄어쓰기로 표현됩니다. 만약 블록 요소에서 줄바꿈을 하고 싶다면 <br> 태그를 이용합니다. 다음은 <br&g…
  • img <img> 태그는 HTML 문서에 이미지를 삽입하는 태그입니다.   기본형 <img src="images.jpg" alt="No image" width="540" height="360"> 주요 속성은 다음과 같습니다. src : 이미지의 …

Post a Comment