hgglife 2020. 4. 23. 23:11

우리가 html 을 이용하여 코드를 작성할때
코드상에서 줄바꿈을 한다고 하여도 실제로 볼때는 줄바꿈이 적용되지 않는다 우리가 실제로 줄바꿈을 하려면
줄바꿈 코드를  넣어줘야하는데 br이라는 기능이 있다.

예제

<h1>HTML STUDY</h1>
this is hgg's website
<br><br>
<strong> it just test br</strong>

여기서 특이한점은 br코드는 특정 글자들을 내포하지 않기때문에 닫힘태그가 오지않고 열린태그를 2개 사용한다
또한 단락을 나누기위해서 <p> 태그를 사용하면 된다.

예제
<h1>HTML STUDY</h1>
<p>this is hgg's website</p>
<p><strong> it just test p</strong> </p>

여기서 재밌는점은 p태그는 줄간격이 정해져있는데 이때 css라는 기술을 이용하여 단락 사이의 간격을 조정 할 수 있다.

예제
<h1>HTML STUDY</h1>
<p>this is hgg's website</p>
<p style="margin-top:45px;"><strong> it just test p</strong> </p>
위와 같이 p 태그에 style = "margin-top:45px를 추가하면 p태그의 위쪽에 45px만큼의 여백이 생긴다.