HTML

HTML 가로 줄<hr>, 줄 바꿈<br>, <pre>요소

강동믓재이 2023. 11. 9. 09:17
728x90

<hr> 태그

주제별 구분을 위해 사용 됨

가로선이 표시!

 

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1 제목 머리글</h1>
<p>This is some text. 단락</p>
<hr>

<h2>This is heading 2 제목 머리글</h2>
<p>This is some other text. 단락</p>
<hr>

<h2>This is heading 2 제목 머리글</h2>
<p>This is some other text. 단락</p>

</body>
</html>

 

<hr>

 

줄 바꿈 <br> 태그

줄 바꿈을 하고싶다! 그럴 때 사용

 

<!DOCTYPE html>
<html>
<body>

<p>안녕하세요<br>강동에 살고있는<br>강동 믓재이 입니다..</p>

</body>
</html>

 

<br>

 

 

 

<pre> 태그

HTML <pre> 요소는 미리 형식이 지정된 텍스트를 정의 한다.

  • 요소 내부의 텍스트는 고정너비 글꼴로 표시
  • 공백과 줄 바꿈을 모두 유지
<!DOCTYPE html>
<html>
<body>

<p>The pre tag preserves both spaces and line breaks:</p>

<pre>
   My Bonnie lies over the ocean.

   My Bonnie lies over the sea.

   My Bonnie lies over the ocean.
   
   Oh, bring back my Bonnie to me.
   다음에 또 만나요.
</pre>

</body>
</html>

 

<pre>

 

 

 

728x90