HTML <pre> 태그

정의와 사용법

<pre> 태그 정의는 사전 포맷된 텍스트를 정의합니다.

<pre> 요소 내 텍스트는 평평한 글자체로 표시되며, 공백과 개행 문자를 유지합니다. 텍스트는 HTML 원본 코드에서 쓰인 방식으로 완전히 표시됩니다.

다른 참조:

태그 설명
<code> 컴퓨터 프로그램의 예제 출력 정의.
<samp> 키보드 입력 정의.
<kbd> 키보드 입력 정의.
<var> 변수 정의.

다른 참조:

HTML 강의:HTML 텍스트 포맷팅

HTML DOM 참조 가이드:Pre 객체

예시

예제 1

предформатированный текст:

<pre>
pre 요소의 텍스트
평평한 글자체로 표시합니다.
동시에 유지합니다.
공백          및
줄 바꿈 기호
</pre>

직접 시험해 보세요

예제 2

고정된 너비를 가진 예formatted 텍스트를 생성하는 방법(HTML을 사용하여):

<div style="width:200px;overflow:auto">
<pre>이는 고정된 너비를 가진 pre입니다. 지정된 공간을 사용합니다.</pre>
</div>

직접 시험해 보세요

전역 속성

<pre> 태그는 이벤트 속성을 지원합니다 HTML에서의 전역 속성。

이벤트 속성

<pre> 태그는 이벤트 속성을 지원합니다 HTML에서 이벤트 속성。

기본 CSS 설정

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

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

직접 시험해 보세요

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원