Tanda <pre> HTML

definisi dan penggunaan

<pre> tanda definisi teks yang disusun ulang

<pre> teks dalam elemen ditampilkan dengan huruf yang mempunyai lebar yang sama, dan spasi dan garis baris tetap disimpan. Teks akan ditampilkan sepenuhnya seperti yang ditulis dalam kode HTML asli.

lihat pula:

tanda deskripsi
<code> definisi output contoh program komputer
<samp> definisi input papan tombol
<kbd> definisi input papan tombol
<var> definisi variabel

lihat pula:

panduan HTMLFormatkan Teks HTML

panduan HTML DOMobjek Pre

contoh

contoh 1

teks yang disusun ulang

<pre>
teks dalam elemen pre
dengan huruf yang mempunyai lebar yang sama untuk pertunjukan
danji bingqi baochi
Ruang          dan
Simbol baris baru.
</pre>

Coba Sendiri

Contoh 2

Bagaimana untuk membuat teks preformat yang memiliki lebar tetap (menggunakan CSS):

<div style="width:200px;overflow:auto">
<pre>Ini adalah pre dengan lebar tetap. Ia akan menggunakan ruang yang ditentukan.</pre>
</div>

Coba Sendiri

Sifat Global

<pre> Tanda ini juga mendukung Sifat Global di HTML.

Sifat Acara

<pre> Tanda ini juga mendukung Sifat Acara di HTML.

Pengaturan CSS Baku

Sebagian besar pelayar akan menampilkan nilai baku berikut ini <pre> Elemen:

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

Coba Sendiri

Dukungan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan