HTML 하루 15분, 일주일만에 완성하기 - 3.텍스트 요소와 포매팅

HTML 하루 15분, 일주일만에 완성하기 - 3.텍스트 요소와 포매팅

안녕하세요, 오늘은 "HTML 하루 15분, 일주일만에 완성하기" 시리즈의 세 번째 주제인 텍스트 요소와 포매팅에 대해 알아보겠습니다. 지난 주제에서는 기본 문서 구조 작성에 대해 배웠으니, 이번에는 그 구조에 내용을 채워넣는 방법을 배워볼까요?

텍스트 요소는 웹 페이지에서 가장 기본적인 구성 요소로, 웹 페이지의 내용을 구성합니다. 이를 마치 집에 가구를 배치하는 과정에 비유할 수 있습니다. 포매팅은 텍스트의 모양과 설정을 변경하는 것으로, 이를 다양한 글꼴, 크기, 색상 등으로 전환시킬 수 있습니다. 주로 웹에서 사용되는 텍스트 요소와 포매팅을 살펴봅시다.

1. 제목 태그 (h1 ~ h6)
웹 페이지의 제목을 나타내며, 크기에 따라 h1부터 h6까지 사용할 수 있습니다. 이를 마치 집의 각 방에 표시된 문패와 같이 생각할 수 있습니다. 예시:

<h1>대제목</h1>
<h2>중간 제목</h2>
<h3>소제목</h3>

 

2. 단락 태그 (p)
웹 페이지의 일반적인 텍스트를 포함하며, 각 단락을 구분합니다. 이를 마치 집의 벽면에 붙은 포스터와 같이 생각할 수 있습니다. 예시:

<p>첫 번째 단락입니다. 여기에 텍스트 내용을 적습니다.</p>
<p>두 번째 단락입니다. 또 다른 텍스트 내용을 적습니다.</p>

 

3. 굵게 (strong), 기울임꼴 (em)
웹 페이지에서 텍스트의 일부를 강조하기 위해 사용되며 굵게(strong) 또는 기울임꼴(em)로 표시됩니다. 이를 마치 집에 있는 가구에 장식물을 추가하는 것과 같이 생각할 수 있습니다. 예시:

<p>첫 번째 단락입니다. <strong>굵게 표시된 텍스트</strong>와 함께 내용을 적습니다.</p>
<p>두 번째 단락입니다. <em>기울임꼴 텍스트</em>와 함께 또 다른 내용을 적습니다.</p>

이처럼 텍스트 요소와 포매팅을 이용하면 웹 페이지의 내용을 보다 풍부하고 다양하게 꾸밀 수 있습니다. 이 과정을 통해 기본 문서 구조 위에 새로운 요소들을 순서대로 배치할 수 있습니다.

이상으로 HTML 텍스트 요소와 포매팅에 대한 설명을 마치겠습니다. 다음 시간에는 리스트와 순서 구분에 대해 배워보겠습니다. 기다려주세요!