Hazel Han
Midnight In Coding
Hazel Han
전체 방문자
오늘
어제
  • 분류 전체보기 (46)
    • Back-end (6)
      • java (0)
      • spring frameworks (6)
      • spring boot (0)
    • Front-end (29)
      • React (7)
      • Javascript (0)
      • html (7)
      • css (15)
    • DB (0)
    • Algorithms (2)
    • 회고록 (9)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바
  • 자바의정석
  • css
  • 스프링
  • 개발자
  • justcode
  • 리액트
  • 저스트코드
  • coding
  • 기술블로그
  • 코딩
  • 프로그래밍
  • 남궁성
  • Java
  • springframeworks
  • 회고록
  • 스프링프레임워크
  • React
  • HTML
  • Spring

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Hazel Han

Midnight In Coding

[html] 굵게 쓰기, 날려쓰기(이탤릭체)
Front-end/html

[html] 굵게 쓰기, 날려쓰기(이탤릭체)

2022. 9. 2. 10:33

<b>태그

Hello <b>World</b>!
Hello World!

 

글자를 굵게 쓰고 싶다면, <b>태그를 사용하면 된다. 이것은 bold의 약자이다.

 

 

<i>태그

Hello <i>World</i>!
Hello World!

 

글자를 날려쓰고싶다면, <i>태그를 사용하면 된다. 이것은 italics의 약자이다.

 

 

그런데, 이런 시각적인 특징만 갖는 태그말고, 의미를 담고 있는 출력이 같은 태그가 있다.

 

 

<strong>태그

Hello <strong>World</strong>!
Hello World!

 

<strong>태그는 출력은 <b>태그와 같지만, 시각장애인을 위해 화면을 읽어주는 경우가 발생할 때, 강조해서 읽게되는 것이 <b>태그와의 차이이다.

 

 

<em>태그

Hello <em>World</em>!
Hello World!

 

<em>태그 역시, <i>태그와 출력은 같지만, 시각장애인을 위해 화면을 읽어주는 경우가 발생할 때, 강조해서 읽게되는 것이 태그와의 차이이다. em은 'emphasized'의 줄임말이다.

'Front-end > html' 카테고리의 다른 글

[html] inline 태그, block 태그  (0) 2022.09.04
[html] class와 id  (0) 2022.09.02
[html] 이미지 넣기  (0) 2022.09.02
[html] 하이퍼링크  (0) 2022.09.02
[html] 기본 html 태그  (0) 2022.09.02
    'Front-end/html' 카테고리의 다른 글
    • [html] class와 id
    • [html] 이미지 넣기
    • [html] 하이퍼링크
    • [html] 기본 html 태그
    Hazel Han
    Hazel Han

    티스토리툴바