HTML & CSS

[HTML] b, strong, i, em, sup, sub, u, s 태그

탕후루성공 2022. 12. 14. 17:06

HTML의 태그

HTML의 태그는 글자를 꾸미는 것이 목적이 아닌 정보의 종류를 구분하는 것에만 쓰입니다.

꾸미는 것은 전부 CSS로 해결합니다.

태그 설명 비고
<b> 글자를 굵게 해줌  
<strong> 글자를 긁게 해줌 그 내용이 중요하다는 의미도 포함
<i> 글자를 기울여줌  
<em> 글자를 기울여줌 그 내용이 중요하다는 의미도 포함
<sup> 위 첨자  
<sub> 아래 첨자  
<u> 밑줄 보통 CSS와 함게 사용 됨
<s> 취소줄 정보가 더 이상 유효하지 않음을 표시

코드는 아래같고

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    
    <p>b 태그: <b>굵은 글씨</b></p>

    <p>strong 태그: <strong>굵은 글씨</strong></p>

    <p>i 태그: <i>기울어진 글씨</i></p>

    <p>em 태그: <em>기울어진 글씨</em></p>

    <p>x <sup>3</sup></p>

    <p>x <sub>3</sub></p>

    <p>u 태그: <u>밑줄</u></p>

    <p>s 태그: <s>취소</s></p>
  </body>
</html>

화면에서 보면 이렇게 나온다.