안녕하세요?
오늘은 HTML 파일에서 텍스트 사이에 줄 바꿈이 필요할 때 이를 어떻게 입력해야 하는지 알아보겠습니다.
HTML 파일에서 아래와 같이 코드를 작성하면
<html>
<body>
hihi
hihi
</body>
</html>
줄바꿈을 했음에도 실제 화면에서는 아래의 우측 결과화면처럼 띄어쓰기만 입력된 채로, 엔터키가 먹지 않은 것을 볼 수 있습니다.
HTML 파일에서 그러면 어떻게 줄바꿈을 할 수 있을까요?
<br>태그 사용
br 태그는 'break'의 약자로 단순히 HTML에서 줄바꿈을 할 때 사용되며 여러 개의 <br> 태그를 입력하면 입력된 갯수만큼 줄바꿈이 실행됩니다.
다른 태그들과 달리 열고(<br>) 닫는(</br>) 태그가 존재하지 않고 아래와 같이 br> 태그만 써서 사용 가능합니다.
<p></p> 태그 사용
p 태그는 'paragraph'의 약자로, html에서 문단을 표현 할 때 사용됩니다.
<p>와 </p> 태그로 내용을 감싸면, 내용의 위와 아래쪽에 일정 크기의 공백이 생깁니다.
<pre></pre> 태그 사용
pre는 'preformatted' 약자로, <pre></pre> 태그 내에 있는 엔터와 스페이스가 그대로 웹 브라우저에 적용되어 보여지게 됩니다.
Reference
https://hianna.tistory.com/300
