Tanda <pre> HTML

definisi dan penggunaan

<pre> tanda mengdefinisi teks yang diatur sebelumnya.

<pre> teks dalam elemen ditampilkan dengan font lebar yang sama, teks mempertahankan spasi dan baris baris. Teks akan ditampilkan sepenuhnya seperti yang ditulis di kode HTML asli.

lihat pula:

tanda deskripsi
<code> definisi output contoh program komputer.
<samp> definisi input keyboard.
<kbd> definisi input keyboard.
<var> definisi variabel.

Lihat pula:

Pelajaran HTML:Format Teks HTML

Panduan Referensi DOM HTML:objek Pre

contoh

contoh 1

teks format yang diatur sebelumnya:

<pre>
teks dalam elemen pre
dengan font lebar yang sama,
dan tetap mempertahankan
Spasi          dan
Simbol Enter.
</pre>

Coba Sendiri

Contoh 2

Bagaimana membuat teks format yang tetap lebar (dengan CSS):

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

Coba Sendiri

Atribut Global

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

Atribut Acara

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

Pengaturan CSS Standar

Sebagian besar browser akan menampilkan nilai standar berikut: <pre> Elemen:

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

Coba Sendiri

Dukungan Browser

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