[WEB1] 기본적인 HTML 태그들을 알아보자!

Rae-eun Yang·2022년 3월 5일
1

생활코딩 WEBn

목록 보기
3/21
post-custom-banner

html 태그들을 정리해봅시다


h1 ... h6 태그

<h1>안녕하세요</h1>
<h2>안녕하세요</h2>
<h3>안녕하세요</h3>
<h4>안녕하세요</h4>
<h5>안녕하세요</h5>
<h6>안녕하세요</h6>

안녕하세요

안녕하세요

안녕하세요

안녕하세요

안녕하세요
안녕하세요

h1부터 h6까지 있는 이 h 태그는 제목을 표현하고 싶을때 사용한다!
보다시피 1부터 6까지 글씨 크기 순서입니다~


b, strong, u, i, em 태그

안녕하세요
<b>안녕하세요</b>
<strong>안녕하세요</strong>
<u>안녕하세요</u>
<i>안녕하세요</i>
<em>안녕하세요<em>

안녕하세요
안녕하세요
안녕하세요
안녕하세요
안녕하세요
안녕하세요

  • b, strong태그 : 글자 강조 (bold 효과)
    • 최근은 b태그보다는 strong태그를 권장하고 있습니다
  • u 태그 : 밑줄
  • i, em 태그 : 글자 기울이기
    • i 태그 : 화면상으로만 강조하고 싶다 할때 사용
    • em 태그 : 정말 중요한 것을 강조하고 싶다 할때 사용

br 태그

hi my name is reyang.

I like coffee.

hi my name is reyang. I like coffee.

여기서 들여쓰기를 하고싶다, 단락을 구분하고 싶다면 br태그를 쓰시면 됩니다

hi my name is reyang.<br><br>
I like coffee.

hi my name is reyang.

I like coffee.

이렇게 br태그를 사용하면 들여쓰기가 성공적으로 됩니다
( br태그는 위 태그와는 달리 닫지 않으셔도 되는 태그입니다)


p 태그

<p>hi my name is reyang.</p><p>I like coffee</p>

hi my name is reyang.

I like coffee

단락을 구분할 때 사용하는 또 다른 태그입니다.
br태그보다는 p태그를 사용하셔서 단락을 묶어주는 것이 좋습니다.
p태그는 br태그와 달리 어디서부터 어디까지가 한 단락인지 나타내줍니다.

profile
ContentsDev Manager
post-custom-banner

0개의 댓글