[HTML 핵심강좌] 3. HTML 텍스트 요소

HTML 텍스트 요소는 웹 페이지에서 텍스트를 표시하는 데 사용됩니다. 이 강의에서는 HTML에서 사용되는 다양한 텍스트 요소에 대해 배우고, 각각의 기능과 사용 방법을 익힐 것입니다.

 

HTML 텍스트 요소는 문서의 텍스트 내용을 표시하는 데 사용됩니다. 텍스트 요소는 다양한 수준의 제목, 단락, 목록 등을 나타내는 데 사용됩니다.

 

1. 제목 요소

제목 요소는 문서의 제목을 정의하는 데 사용됩니다. HTML은 6개의 제목 요소를 제공하며, 숫자가 작을수록 더 큰 제목을 나타냅니다. 제목 요소는 다음과 같습니다.

<h1>제목 1</h1>
<h2>제목 2</h2>
<h3>제목 3</h3>
<h4>제목 4</h4>
<h5>제목 5</h5>
<h6>제목 6</h6>

위 코드는 다음과 같이 표시됩니다.

제목 1

제목 2

제목 3

제목 4

제목 5

제목 6

 

2. 단락 요소

단락 요소는 문서에서 단락을 나타내는 데 사용됩니다. 단락 요소는 <p> 요소를 사용하여 작성할 수 있습니다.

<p>이것은 단락입니다.</p>

위 코드는 다음과 같이 표시됩니다.

이것은 단락입니다.

 

3. 강조 요소

강조 요소는 텍스트를 강조하기 위해 사용됩니다. 강조 요소는 <em> 요소와 <strong> 요소가 있습니다.

<p>이것은 <em>강조된</em> 텍스트입니다.</p>
<p>이것은 <strong>중요한</strong> 텍스트입니다.</p>

위 코드는 다음과 같이 표시됩니다.

이것은 강조된 텍스트입니다.

이것은 중요한 텍스트입니다.

 

4. 링크 요소

링크 요소는 다른 웹 페이지, 문서 또는 파일과의 하이퍼링크를 생성하는 데 사용됩니다. 링크 요소는 <a> 요소를 사용하여 작성할 수 있습니다.

<a href="http://ccusean.com">예제 링크</a>

위 코드는 다음과 같이 표시됩니다.

예제 링크

 

5. 목록 요소

목록 요소는 목록을 나타내는 데 사용됩니다. HTML은 정렬된 목록과 정렬되지 않은 목록을 나타내기 위해 <ol> 요소와 <ul> 요소를 제공합니다.

<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
</ul>
  
<ol>
  <li>순서 1</li>
  <li>순서 2</li>
  <li>순서 3</li>
</ol>

 

위 코드는 다음과 같이 표시됩니다.

• 항목 1
• 항목 2
• 항목 3

1. 순서 1
2. 순서 2
3. 순서 3

 

6. 줄바꿈 요소

HTML에서는 줄 바꿈 요소를 사용하여 줄 바꿈을 만들 수 있습니다. 줄 바꿈 요소는 <br> 요소를 사용하여 작성할 수 있습니다.

<p>첫 번째 줄<br>두 번째 줄</p>

 

위 코드는 다음과 같이 표시됩니다.

첫 번째 줄
두 번째 줄

 

수평선 요소 수평선 요소는 문서의 구분선으로 사용됩니다. 수평선 요소는 <hr> 요소를 사용하여 작성할 수 있습니다.

<p>문단 1</p>
<hr>
<p>문단 2</p>

 

위 코드는 다음과 같이 표시됩니다.

문단 1

---

문단 2

 

이와 같이 HTML 텍스트 요소는 다양한 요소들을 활용하여 웹 페이지를 구성하는 중요한 요소 중 하나입니다.