HTML <pre> 태그


예시

서식이 지정된 텍스트:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.


정의 및 사용

태그는 미리 형식 이 <pre>지정된 텍스트를 정의합니다.

요소 의 텍스트 <pre>는 고정 너비 글꼴로 표시되며 텍스트는 공백과 줄 바꿈을 모두 유지합니다. 텍스트는 HTML 소스 코드에 작성된 그대로 표시됩니다.

또한 다음을 참조하십시오.

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

브라우저 지원

Element
<pre> Yes Yes Yes Yes Yes


전역 속성

<pre>태그는 HTML의 전역 속성도 지원 합니다 .


이벤트 속성

<pre>태그는 HTML의 이벤트 속성 도 지원합니다 .


더 많은 예

예시

고정 너비로 ​​미리 형식이 지정된 텍스트를 만드는 방법(CSS 사용):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>

관련 페이지

HTML 튜토리얼: HTML 텍스트 포맷팅

HTML DOM 참조: 사전 개체


기본 CSS 설정

대부분의 브라우저는 <pre>다음 기본값으로 요소를 표시합니다.

예시

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}