Wat is pre yn CSS-styl? De rol fan pre-wrapping code tags yn HTML

Om in webside te bouwen mei WordPress, moatte wy wat basis CSS en HTML leare:

• Fanwegen de CSS-stylbestannen fan guon WordPress-tema's wurde de stilen foar foar- en koade-tags net tafoege.
• De measte browsers stypje op it stuitmerk.

HTML  Foarbyld fan label

It folgjende is de CSS-styl fan 'e pre-tag (dy't de html-koade automatysk kin wrapje) ▼

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;
}

It folgjende is de CSS-styl fan 'e koade-tag ▼

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

Ynstruksjes:

• Kopiearje asjebleaft de boppesteande CSS-tags nei it WordPress-tema style.css yn de triem.

HTML pre tag funksje en gebrûk ynstruksjes

• Labels definiearje foaropmakke tekst.
• Yn markup-eleminten lit de befette tekst gewoanlik spaasjes en line-ôfbrekken.
• De tekst sil ek werjûn wurde yn monospaced lettertype.

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

As jo ​​​​it oantsjutte tekstformaat yn HTML pleatse wolle, moatte jo profitearje fan it attribút fan it liedende elemint.

Tips en ynstruksjes

hint:In gewoan gebrûk fan tags is om de boarnekoade fan in kompjûter te fertsjintwurdigjen.

Ferskillen tusken HTML 4.01 en HTML5

Yn HTML 4.01 is it "width" attribút ôfret en kin net brûkt wurde. HTML5 stipet it "width" attribút net.

Attribut

Eigenskip wearde beskriuwing

• Breedte nûmer HTML5 stipet dit attribút net.
• Dit attribút is ferâldere yn HTML 4.01.
• Beskiedt it maksimum oantal tekens per rigel (meastal 40,80, 132 of XNUMX).

globale eigenskippen

• <pre>Markup stipet globale attributen, en sjoch de folsleine eigendom sheet HTML globale attributen.

Event eigenskippen

• Tags stypje alle HTML-evenemintattributen.