[html, css 기초] 14. pre 태그

chaNsoo 2024. 1. 19. 10:35

pre태그는 html에 입력한 내용 그대로 보여주는 태그이다.

사용하는 경우는 "<" 또는 ">"는 html에서 태그를 표현할 때 사용하므로 이를 표현할 때 또는 공백, 줄바꿈 등도 html에서 무시되므로 이를 표현하고자 할 때 사용한다.

소스코드

<body>
  <h1>Max 'Challenge for Wednesday, january 17th</h1>
  <p id="todays-challenge">
    Learn about the basic of web development - specifically dive into HTML &CSS.
  </p>
  <pre>
    <이윽고 내가
    첫눈에 너를 알아봤을때
    모든건 분명 달라지고 있었어>
  </pre>
  <p>
    I'll achieve this goal by diving into
    <a href="https://www.google.com">more learning resorces.</a>
  </p>
</body>

실행결과

참고로 <와 >를 다른 태그에서 사용하고 싶을 때 "&lt"와 "&gt"로 사용할 수 있다.

저작자표시 (새창열림)