01. HTML - 글자 태그

HTML에서 사용되는 기본 태그들 중 글자 태그에 대해 알아보겠습니다.

<case>

1. 제목 태그

2. <p><br><hr> 태그

 

01. 제목 태그

<h1> ~ <h6> 태그는 6단계의 제목을 표현합니다.

글자의 크기는 <h1>이 가장 크고 <h6>이 가장 작게 됩니다.

<h1>h1 태그</h1>
<h2>h2 태그</h2>
<h3>h3 태그</h3>
<h4>h4 태그</h4>
<h5>h5 태그</h5>
<h6>h6 태그</h6>

02. <p><br><hr>

<p> 태그는 paragraph의 약자로 하나의 문단을 의미하는 태그 입니다.

<p>첫번째 문단</p>
<p>두번째 문단</p>
<p>세번째 문단</p>

<br> 태그는 강제로 줄바꿈을 할때 사용하는 태그 입니다. 그러나 <br> 태그를 너무 많이 쓰게되면 가독성이 떨어지기 때문에 나중에 공부할 css를 함께 써주면 가독성도 좋고 자연스러운 줄바꿈이 가능하게 됩니다. 

<h2>br 태그 사용 전</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
   Perferendis natus quia placeat magnam nisi, quos voluptate
   ipsum doloribus, provident reprehenderit obcaecati sapiente,
   fugit debitis, aut voluptatum sunt ratione veniam recusandae!</p>

<h2>br 태그 사용 후</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>
   Perferendis natus quia placeat magnam nisi, quos voluptate <br>
   ipsum doloribus, provident reprehenderit obcaecati sapiente, <br>
   fugit debitis, aut voluptatum sunt ratione veniam recusandae!</p>

<h2>css 사용</h2>
<p style="width:400px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
   Perferendis natus quia placeat magnam nisi, quos voluptate
   ipsum doloribus, provident reprehenderit obcaecati sapiente,
   fugit debitis, aut voluptatum sunt ratione veniam recusandae!</p>

<hr> 태그는 화면에 수평선을 표시하여 구분이 가능하게 하는 태그 입니다. 

<h2>br 태그 사용 후</h2><hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>
   Perferendis natus quia placeat magnam nisi, quos voluptate <br>
   ipsum doloribus, provident reprehenderit obcaecati sapiente, <br>
   fugit debitis, aut voluptatum sunt ratione veniam recusandae!</p>