[HTML] HTML의 텍스트 관련 태그

HTML의 텍스트 관련 태그

HTML에서 텍스트를 다루는 다양한 태그가 있습니다. 이들 태그를 이용하면 웹 페이지에서 텍스트를 효과적으로 표현할 수 있습니다.

제목 태그

제목 태그는 <h1>부터 <h6>까지 있으며, 중요한 제목부터 그렇지 않은 제목까지 순서대로 표현합니다.

<h1>이것은 제목 1입니다.</h1>
<h2>이것은 제목 2입니다.</h2>
<h3>이것은 제목 3입니다.</h3>
<!-- ... -->
<h6>이것은 제목 6입니다.</h6>

단락 태그

단락은 <p> 태그를 사용하여 표현합니다. 이 태그 안에 들어가는 텍스트는 새로운 단락으로 처리됩니다.

<p>이것은 첫 번째 단락입니다.</p>
<p>이것은 두 번째 단락입니다.</p>

강조 태그

• <strong>: 텍스트를 굵게 표현하여 강조합니다.
• <em>: 텍스트를 이탤릭체로 표현하여 강조합니다.

<p><strong>굵게</strong> 표현된 텍스트입니다.</p>
<p><em>이탤릭체로</em> 표현된 텍스트입니다.</p>

줄바꿈과 공백

• <br>: 줄을 바꿉니다. 이 태그는 닫는 태그가 없습니다.
•  : 공백을 하나 추가합니다.

<p>줄을 바꿉니다.<br>새로운 줄입니다.</p>
<p>여러 개의&nbsp;&nbsp;&nbsp;공백</p>

인용과 블록

• <blockquote>: 외부에서 가져온 인용문을 표현합니다.
• <q>: 짧은 인용문을 표현합니다.

<blockquote>이것은 블록 인용문입니다.</blockquote>
<p><q>이것은 짧은 인용문입니다.</q></p>

목록 내 텍스트

• <li>: 목록의 항목을 표현합니다. <ul> 또는 <ol> 태그 내부에서 사용됩니다.

<ul>
    <li>첫 번째 항목</li>
    <li>두 번째 항목</li>
</ul>

이러한 텍스트 관련 태그를 적절히 조합하고 사용하면, 웹 페이지에서 다양한 텍스트 형식과 구조를 표현할 수 있습니다.