앱 만들기/HTML5 study

<pre> 태그 사용법

나도처음이야 2024. 8. 28.

pre 태그를 사용하면,

br 태그를 사용하지 않더라도 줄 바꿈을 할 수 있다.

<body>
  <pre>
    안녕하세요.
    감사합니다.
    좋은하루보내세요.
  </pre>  
</body>

위와 같이 pre 태그 안 콘텐츠 값으로 3줄의 텍스트를 입력했다.

원래는 <br/> 태그를 사용해서 줄 바꿈을 해야 했지만

pre 태그를 사용하면 에디터에서 엔터로 입력했던 라인들이 줄바꿈이 된다.

편리한 기능이다.

브라우저에서 결과를 확인 해보면

정상적으로 줄 바꿈이 되어있는 것을 볼 수 있다.

Good!

댓글