# 텍스트 콘텐츠 HTML에서 텍스트 콘텐츠를 표현하고 스타일링하는 데 사용되는 다양한 태그들을 살펴보겠습니다. ## h1, h2, h3, h4, h5, h6 웹 페이지의 제목이나 중요한 내용을 강조할 때 사용합니다. `

`이 가장 큰 제목이고 `

`이 가장 작은 제목입니다. ```html

최상위 제목

중간 제목

하위 제목

``` ## p 문단을 나눌 때 사용합니다. 브라우저는 자동으로 줄 바꿈을 하고 여백을 추가합니다. ```html

이것은 첫 번째 단락입니다.
두 번째 줄입니다.

``` ## 줄바꿈 : br, wbr * `
` : 한 줄을 강제로 바꿀 때 사용합니다. 블록 레벨 요소가 아니므로, 다른 블록 레벨 요소 안에 사용해야 합니다. * `` : 단어 중간에 줄 바꿈이 가능한 위치를 지정하는 태그입니다. ```html

첫 번째 줄
두 번째 줄

이것은매우긴단어입니다!

``` ## div div 태그는 블록 레벨 요소로, 항상 새로운 줄에서 시작하여 전체 너비를 차지합니다. ```html

웹 사이트 제목

``` ## span span 태그는 인라인 레벨 요소로, 주변 텍스트의 흐름을 방해하지 않고 특정 부분만 스타일을 적용할 수 있습니다. ```html

이 문장에서 파란색 부분만 색상을 변경했습니다.

``` ## hr 구분선을 그을 때 사용합니다. 블록 레벨 요소입니다. ```html
``` ## 인용 : blockquote, q, cite * `
` : 긴 인용문을 표시할 때 사용합니다. * `` : 다른 출처에서 인용한 짧은 구절을 나타내는 데 사용됩니다. ```html
"인생은 짧고 예술은 길다."
``` ```html

셰익스피어는 To be, or not to be: that is the question.라고 말했습니다.

``` * ``: 인용문의 출처를 표시합니다. ```html

“모든 지식은 경험에서 나온다.”는 존 로크의 말입니다.

``` ## 강조 태그: strong, b, em, i, mark * ``: 텍스트의 특정 부분을 매우 강조하고 싶을 때 사용합니다. * ``: 텍스트를 굵게 표현하여 시각적으로 강조하고 싶을 때 사용합니다. * ``: 텍스트의 특정 부분을 의미적으로 강조하고 싶을 때 사용합니다. * ``: 텍스트를 기울여 표현하고 싶을 때 사용합니다. * ``: 텍스트의 특정 부분에 하이라이트를 적용하여 눈에 띄게 하고 싶을 때 사용합니다. ```html

저는 웹 개발을 배우고 있습니다. 특히 HTML과 CSS가 재미있습니다. JavaScript도 배우고 싶은데, 아직 어렵네요. 함께 공부할 사람을 찾고 있습니다.

``` * strong과 b: 둘 다 텍스트를 굵게 표현하지만, strong은 의미적으로 중요한 부분을 강조하는 데 사용하는 것이 좋습니다. * em과 i: 둘 다 텍스트를 기울여 표현하지만, em은 논리적으로 강조하는 부분에 사용하고, i는 외국어, 기술 용어 등을 표현하는 데 사용하는 것이 일반적입니다. ## 그 외 * `
`: 텍스트의 들여쓰기, 줄 바꿈 등을 그대로 유지하여 출력합니다. 주로 코드 블록을 표현할 때 사용합니다.
    ```html
    

    function factorial(n) {
    if (n === 0) {
        return 1;
    }
    return n * factorial(n - 1);
    }
    

    ```
* `
`: 문서의 저자 또는 연락처 정보를 표시합니다.
    ```html
    

    Written by: John Doe

    Contact: john@example.com
    

    ```
* ``: 약어를 표시하고, 마우스를 올리면 전체 단어를 보여줄 수 있습니다.
    ```html
    
HTML은 HyperText Markup Language의 약자입니다.

    ```
* ``: 컴퓨터 코드를 표시합니다. 일반적으로 `
` 태그와 함께 사용하여 코드 블록을 형성합니다.
* ``: 삭제된 텍스트를 표시합니다.
    ```html
    
이 문장에서 삭제된 부분은 더 이상 필요하지 않습니다.

    ```
* ``: 어떤 글이나 문서에서 처음 등장하는 용어를 설명하거나 정의할 때 사용합니다.
    ```html
    
HTML에서 요소는 특정 용어를 정의할 때 사용합니다.

    ```
* ``: 추가된 텍스트를 표시합니다.
    ```html
    
원래 문장은 다음과 같았습니다. 추가된 부분

    ```
* ``: 작은 글자로 표시합니다.
    ```html
    
본문 내용(저작권 정보)

    ```
* ``: 아래 첨자를 표시합니다. 주로 화학식이나 수학 공식에서 사용됩니다.
    ```html
    
물의 화학식은 H2O입니다.

    ```
* ``: 위 첨자를 표시합니다. 주로 지수 표현이나 단위 표현에서 사용됩니다.
    ```html
    
10의 3승은 103입니다.

    ```
* `` : 변수를 나타내는 태그입니다. 주로 수학 공식이나 프로그래밍 코드에서 변수를 표시할 때 사용됩니다.
    ```html
    
피타고라스의 정리: a² + b² = c²

    ```
* `` : 키보드 입력을 나타내는 태그입니다. 사용자가 직접 입력해야 하는 키를 표시할 때 사용됩니다.
    ```html
    
파일을 저장하려면 Ctrl+S를 누르세요.

    ```
* `` : 컴퓨터 프로그램의 샘플 출력이나 인용된 출력을 나타내는 태그입니다.
    ```html
    
프로그램 실행 결과: Hello, world!

    ```
* `