HTML에서 텍스트 포맷하기

10.1 포맷 시작

<b>, <strong>, <i>, <em>, <u> 그리고 <small> 태그를 사용하면 웹 개발자들이 텍스트의 가독성을 높이고 특정 부분에 주의를 기울이게 할 수 있어. 이 태그들은 각각의 특정한 사용처가 있어:

• <b>: 특별한 의미 없는 굵은 텍스트
• <strong>: 중요성을 강조하는 굵은 텍스트
• <i>: 스타일링을 위한 이탤릭 텍스트
• <em>: 논리적 또는 의미적 강조를 위한 이탤릭 텍스트
• <u>: 시각적으로 강조하기 위한 밑줄 텍스트
• <small>: 부수적인 정보에 대한 작은 텍스트

이 태그들의 올바른 사용을 이해하면 더 명확하고 시각적으로 매력적인 웹 페이지를 만들 수 있어.

텍스트 포맷을 위한 주요 태그

<b> 태그와 <strong> 태그

<b> 태그는 텍스트를 굵게 표시하지만 특별한 의미는 없어. <strong> 태그도 텍스트를 굵게 하지만, 텍스트의 중요성이나 의미를 부여해.

    
      <p>이 텍스트는 <b>굵게</b> 되고, 이 텍스트는 <strong>매우 중요하고 굵게</strong> 돼.</p>
    
  

<i> 태그와 <em> 태그

<i> 태그는 특별한 의미 없이 이탤릭 텍스트로 표시돼. <em> 태그는 텍스트를 이탤릭으로 하고 강조나 중요성을 나타내.

    
      <p>이 텍스트는 <i>이탤릭</i> 이고, 이 텍스트는 <em>매우 중요하고 이탤릭</em> 이야.</p>
    
  

<u> 태그와 <ins> 태그

<u> 태그는 텍스트에 밑줄을 그어. <ins> 태그도 텍스트에 밑줄을 긋지만, 삽입된 텍스트를 나타내는데, 이는 변경 사항 추적과 관련해 의미를 가져.

    
      <p>이 텍스트는 <u>밑줄</u>이고, 이 텍스트는 <ins>삽입되고 밑줄</ins> 이야.</p>
    
  

<s> 태그와 <del> 태그

<s> 태그는 텍스트에 취소선을 그어. <del> 태그도 취소선을 긋지만, 삭제된 텍스트를 나타내는데, 이는 변경 사항 추적과 관련해 의미를 가져.

    
      <p>이 텍스트는 <s>취소선</s>이고, 이 텍스트는 <del>삭제되고 취소선</del> 이야.</p>
    
  

<mark> 태그

<mark> 태그는 현재 상황에서 특별한 의미나 중요성을 가진 텍스트를 강조하는 데 사용돼. <mark> 안의 텍스트는 노란색 배경으로 표시돼.

    
      <p>이 텍스트는 <mark>강조</mark>되어 주의를 끌어.</p>
    
  

<small> 태그

<small> 태그는 보통 텍스트보다 작은 크기의 텍스트를 표시하는 데 사용돼.

    
      <p>이것은 기본 텍스트이며, 이것은 <small>작은 텍스트</small> 이야.</p>
    
  

<sub> 와 <sup> 태그

<sub>와 <sup> 태그는 각각 하첨자와 윗첨자 텍스트를 생성하는 데 사용돼.

    
      <p>이것은 하첨자가 있는 텍스트 H<sub>2</sub>O 및 윗첨자가 있는 텍스트 x<sup>2</sup> 이야.</p>
    
  

10.2 줄 바꿈

<br> 태그

<br> 태그는 텍스트를 새로운 단락을 생성하지 않고 새로운 줄로 이동시키는 줄 바꿈을 삽입하는 데 사용돼.

    
      <p>이것은 줄 바꿈이 있는 텍스트<br>단락 안에 있어.</p>
    
  

<hr> 태그

<hr> 태그는 웹 페이지에서 시각적으로 콘텐츠를 구분하는 수평선을 삽입하는 데 사용돼.

    
      <p>선 위의 텍스트.</p>
      <hr>
      <p>선 아래의 텍스트.</p>
    
  

1

Опрос

테이블,  5 уровень,  5 лекция

недоступен

테이블

테이블

Открыть