본문 바로가기
프론트엔드/HTML, CSS

[퍼블] html에서 글꼴 관련 가장 많이 쓰이는 태그

by H.초보개발자 2023. 10. 17.
반응형
  • 제목 표시
   <h1>안녕하세요</h1>
   <h2>안녕하세요</h2>
   <h3>안녕하세요</h3>
   <h4>안녕하세요</h4>
   <h5>안녕하세요</h5>
   <h6>안녕하세요</h6>

위에서 부터 h1~h6

  • 문단, 줄 바꿈 <p>
    <p>안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다</p>
    <p>안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다2</p>

p 태그를 사용하여 줄바꿈

  • 문단, 줄 바꿈 <br>
   <p>안녕하세요 저는 퍼블리싱을 공부하고 있는 초보 개발자입니다
        계속해서 html 퍼블리싱 공부를 하며 프론트엔드 <br> 
        개발자가 되고싶습니다.
    </p>

br 태그를 활용한 결과물

  • 글자 굵게 표시하기
    <b>글자를 b태그를 활용하여 굵게 표시합니다 </b>
    <br>
    <strong>글자를 strong 태그를 활용하여 굵게 표시합니다</strong>

b와 strong 태그를 활용한 결과물

  • 글꼴 기울기, 밑줄, 취소선 표시하기
    <em>이것은 em 태그를 활용하여 기울림을 표시합니다</em>
    <br>
    <I>이것은 i태그를 활용하여 기울림을 표시합니다</I>
    <br>
    <u>이것은 u 태그를 활용하여 밑줄을 표시합니다</u>
    <br>
    <s>이것은 s태그를 활용하여 취소선을 표시합니다</s>
    <br>
    <del>이것은 del 태그를 활용하여 취소선을 표시합니다</del>

  • 큰 글자 표시, 작은 글자 표시하기
    <big>big태그를 활용하여 큰글자 표시</big>
    <br>
    <small>small 태그를 활용하여 작은 글자 표시</small>

  • 글꼴 위 첨자, 아래 첨자
    <sup>sup 태그를 활용하여 위 첨자</sup>
    <sub>sub 태그를 활용하여 아래 첨자</sub>

  • 형광펜 배경색 넣기
    <mark>mark태그를 활용하여 형관펜 배경색 넣기</mark>

반응형