중요한 글자 강조하기 - 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

  • 라디오 버튼 라디오 버튼은 여러 개의 항목 중에서 하나만 선택하도록 하는 동그란 버튼입니다. 라디오 버튼은 <input> 태그로 만듭니다.   기본형 <input type="radio" name="xxx" value="yyy" checked> …
  • 사용자가 여러 옵션 중에서 선택하도록 하고 싶을 때 드롭다운 목록을 사용합니다. 드롭다운 목록이란 클릭했을 때 옵션들이 요소 아래쪽으로 펼쳐지기 때문에 붙여진 이름입니다. 공간을 최소한을 사용하면서 여러 옵션을 표시하려면 드롭다운 목록이 가장 적당합니다. 목차 select …
  • 목록에는 순서가 있는 목록(Ordered List), 순서가 필요하지 않은 목록(Unordered List), 설명 목록(Description List) 세 가지가 있습니다. 순서가 있는 목록(OL) 순서가 없는 목록(UL) 설명 목록(DL) 순서 있는 목록 순서가 필요한…
  • pre HTML에서는 아무리 많은 공백을 넣더라도 브라우저 창에는 한 개의 공백만 표시됩니다. 연속한 여러 개의 빈칸이나 탭, 줄바꿈을 하나의 빈 칸으로 인식하고 페이지의 내용이 한 줄로 표시합니다. 만약 입력한 그대로 출력되도록 하려면 <pre> 태그를 이용합니다. …
  • 체크박스 체크박스는 두 개 이상 여러 가지를 선택해야 할 경우 사용합니다. 클릭하면 선택되고, 다시 클릭하면 선택이 해제됩니다. 체크박스는 <input> 태그로 만듭니다.   기본형 <input type="checkbox" name="xxx" value=…
  • 인용 다른 블로그나 웹 사이트의 글을 인용할 경우, 인용임 나타내는 태그에는 <blockquote>와 <q>가 있습니다. <blockquote> 태그는 새로운 문단에서 인용하는 블록 요소이고, <q> 태그는 문단 안에서 인용할 때 사용하는 인라인 …

Post a Comment