Apa itu pra dalam gaya CSS? Peran tag kode pra pembungkus dalam HTML

kita gunakanSitus web WordPressPerlu mempelajari beberapa dasar-dasar CSS dan HTML:

• Karena file gaya CSS dari beberapa tema WordPress, gaya tag pra dan kode tidak ditambahkan.
• Sebagian besar browser saat ini mendukungtanda.

HTML  Contoh label

Berikut ini adalah gaya CSS dari tag awal (yang dapat secara otomatis membungkus kode html)

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Berikut ini adalah gaya CSS dari tag kode

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Instruksi:

• Silakan salin tag CSS di atas ke tema WordPress style.css dalam file.

Fungsi pra-tag HTML dan petunjuk penggunaan

• Label mendefinisikan teks yang telah diformat sebelumnya.
• Dalam elemen markup, teks yang terkandung biasanya meninggalkan spasi dan jeda baris.
• Teks juga akan ditampilkan dalam font monospace.

Markup sering标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Jika Anda ingin menempatkan format teks yang ditentukan dalam HTML, Anda perlu memanfaatkan atribut elemen utama.

Tips dan Instruksi

petunjuk:Penggunaan tag yang umum adalah untuk mewakili kode sumber komputer.

Perbedaan antara HTML 4.01 dan HTML5

Dalam HTML 4.01, atribut "width" tidak digunakan lagi dan tidak dapat digunakan. HTML5 tidak mendukung atribut "lebar".

atribut

Deskripsi nilai properti

• Nomor lebar HTML5 tidak mendukung atribut ini.
• Atribut ini tidak digunakan lagi dalam HTML 4.01.
• Mendefinisikan jumlah maksimum karakter per baris (biasanya 40,80, 132 atau XNUMX).

properti global

• <pre>Markup mendukung properti global, dan lihat lembar properti lengkap properti global HTML.

Properti acara

• Tag mendukung semua atribut peristiwa HTML.