웹프로그래밍 HTML/태그와 멀티미디어

<pre>태그

별초롱언니 2025. 3. 5. 10:33

▣ <pre> 태그

· 공백, 특수문자, 줄 바꿈 등도 사용자가 입력한 그대로 화면에 표시

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <header>
    <center>
      <h2>&lt; pre &gt; 태그</h2>
    </center>
  </header>
  <section>
    <article>
      <pre>
        ### 풀스택 개발자를 위한 웹 프로그래밍 ###

          HTML5 & CSS3 & JavaScript & JQuery

              < 가격 : 35,000원 >
      </pre>
    </article>
  </section>
  <hr size="10" align="left" width="90%" noshade="noshade">
  <footer>
    <small>&copy; 아이티에듀넷 &reg; 2017</small>
  </footer>
</body>
</html>