<p> 태그
HTML 단락 태그는 웹 페이지에서 문장이나 문단을 만들 때 사용하는 태그입니다. 단락태그를 이용하여, 문서의 내용을 적절하게 구성하고 가독성을 높일 수 있습니다.
가장 기본적인 단락 태그는 <p> 태그입니다. <p> 태그는 "paragraph"의 약어로, 단락을 나타냅니다. 이 태그를 이용하여 문장이나 문단을 구분하여 작성할 수 있습니다. 예를 들어, 다음과 같이 작성할 수 있습니다.
<p>안녕하세요. 저는 메타보드입니다.</p>
<p>그리고 이것은 단락 태그인 <p>태그로 작성되었습니다.</p>위 코드를 실제로 작성하여 웹 페이지에서 확인하면 다음 이미지처럼 보입니다.
코드샌드박스를 사용하여 직접 연습해보세요!
<h>태그
우리가 이전에 배운 제목 태그 또한 단락에 사용됩니다. 제목을 나타내기 위해서는 <h1> ~ <h6> 태그를 이용할 수있습니다. <h1>태그가 가장 큰 제목이며, 숫자가 작아질수록 작은 제목을 나타냅니다. 제목 태그는 이미 배운 내용이므로 자세한 내용이 필요한 경우 아래 페이지를 참고해주세요.
HTML 제목 태그 - Heading Tag
HTML 제목 태그(Heading Tag)는 문서의 제목을 나타내는 태그입니다. 제목 태그는 h1부터 h6까지 총 6개의 태그가 있으며, 숫자가 작을수록 더 큰 제목을 나타냅니다. 보통 사람들은 가장 쉬워서 먼저
meta-board.net
<br> 태그
HTML에서 <br> 태그는 줄바꿈을 나타내는 태그입니다. "br"은 "break"의 약어이며, 글자가 아닌 새로운 라인을 시작하는 데 사용됩니다. <br> 태그는 닫는 태그가 없으며, 내용(content)을 가지지 않습니다. 이 태그는 한 줄에서 다음 줄로 넘어갈 때 사용됩니다.
예를 들어, 다음과 같이 작성할 수 있습니다.
<p>안녕하세요. 메타보드입니다. <br> 이 태그를 사용하면 어떻게 표시될까요?</p>위 코드를 실제로 웹 페이지에서 확인하면 아래 이미지처럼 표시됩니다.
<hr> 태그
HTML에서 <hr> 태그는 수평선을 삽입하는 태그입니다. "hr"은 "horizontal rule"의 약어이며, 페이지의 컨텐츠를 나누는 데 사용됩니다. <hr> 태그는 일반적으로 섹션 간의 구분 또는 두 개의 주제를 나누는 데 사용됩니다.
또한, 웹 페이지에서 시각적인 구분을 주기 위해 사용할 수도 있습니다. <hr> 태그는 닫는 태그가 없습니다. 또한, 이 태그는 대부분의 브라우저에서 기본적으로 스타일링되어 표시되므로 추가적인 스타일링이 필요하지 않습니다.
다음은 <hr> 태그를 사용한 예시 코드입니다.
<h1>웹 디자인</h1>
<p>웹 디자인에 대한 간단한 소개입니다.</p>
<hr>
<h2>그래픽 디자인</h2>
<p>웹 디자인에서 그래픽 디자인의 역할에 대한 설명입니다.</p>실제로 웹 페이지에서 확인하면 아래 이미지처럼 보입니다.
이렇게 웹 페이지에서 사용되는 단락을 구분하는 태그에 대해 배웠습니다. 단락을 잘 구성하는 것을 글이나 책을 쓸 때도 중요한 것처럼 웹 페이지를 제작할 때 단락을 효과적이고 정확하게 구분하는 것은 웹 페이지 가독성에 큰 영향을 미칩니다.
