BOLD & ITALIC

jb kim·2021년 8월 11일
0

HTML

목록 보기
12/24

HTML에서 굵은 글씨, bold를 표현하는 방법은 두 가지가 있다.

<b> 태그 
<strong> 태그

태그 사이에 굵은 글씨로 표현하고자 하는 내용을 입력하면 된다.

  <p>태그 사이에 <b>굵은 글씨</b> 로 표현하고자 하는 내용을 입력</p>
  <p>태그 사이에 <strong>굵은 글씨</strong> 로 표현하고자 하는 입력</p>


b 태그와 strong 태그의 차이점


그렇다면 b 태그와 strong 태그를 구분하여 사용하는 이유는 무엇일까?

b 태그는 html의 스타일을 정의하는 태그이다.

단순히 화면에 보여지는 모양을 정의한다.


strong 태그는 의미적으로 "중요함"을 표현한다.

이것의 의미는 다른 브라우저에서는 이것을 꼭 굵은 글씨가 아닌

색깔을 입힌다거나, 밑줄을 친다거나 하는 식으로

다른 방법으로 표현할 수 있음을 의미한다.

또는, 시각장애인들을 위한 시스템에서는

목소리 톤을 달리하여 텍스트를 읽을 수도 있을 것이다.



HTML에서 기울어진 이탤릭체를 표현하는 방법은 두 가지가 있다.

<i> 태그 
<em> 태그

태그 사이에 이탤릭체 로 표현하고자 하는 내용을 입력하면 된다.

  <p>태그 사이에 <i>이탤릭체</i> 로 표현하고자 하는 내용을 입력</p>
  <p>태그 사이에 <em>이탤릭체</em> 로 표현하고자 하는 입력</p>


i 태그와 em 태그의 차이점

i 태그는 html의 스타일을 정의하는 태그이다.

단순히 화면에 보여지는 모양을 정의한다.

em 태그는 그 이름에서도 그 의미가 드러나듯이

의미적으로 "중요함"을 표현한다.


i 태그는 강조가 아닌 사람의 이름이나 고유명사를 표기하기 위해 사용하고

em 태그는 단락안에서 정말 강조하고 싶은 내용이 있을 때 사용하면 된다.



출처: https://hianna.tistory.com/294?category=706939 [어제 오늘 내일]
출처: https://hianna.tistory.com/293 [어제 오늘 내일]

profile
픽서

0개의 댓글