[HTML 태그] 텍스트를 꾸며주는 요소

2022. 12. 7. 12:45

태그 중에는 텍스트를 표현해주는 태그들이 있다.

이 태그들을 이용하여 의미를 부여하거나 특정 부분에 선 또는 스타일을 정의할 수 있다.

 

그 중 <b>, <i>, <u>, <s>를 직접 사용해본다.

<b> 태그는 bold 태그로 글자를 굵게 표현해준다.

<i> 태그는 italic 태그로 글자를 기울여 표현해준다.

<u> 태그는 underline 태그로 글자의 밑줄을 표현해준다.

<s> 태그는 strike 태그로 글자의 중간선을 표현해준다.

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>inline tags</title>
    </head>
    <body>
        <p>
            <b>Lorem</b> <i>ipusm</i> dolor sit amet<br>
            <u>Lorem</u> <s>ipsum</s> dolor sit amet
        </p>
    </body>
</html>

 

예제 화면

 

이외에도 많은 태그들이 존재하는데 아래 링크에서 inline text semantics 섹션을 참고하자.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics

 

HTML elements reference - HTML: HyperText Markup Language | MDN

This page lists all the HTML elements, which are created using tags.

developer.mozilla.org


부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/cs120

 

비전공자를 위한 HTML/CSS

부스트코스 무료 강의

www.boostcourse.org

BELATED ARTICLES

more