Wat ass Pre am CSS Stil? D'Roll vu Pre-Wrapping Code Tags an HTML

Fir eng Websäit mat WordPress ze bauen, musse mir e puer Basis-CSS an HTML léieren:

• Wéinst den CSS-Stildateien vun e puer WordPress Themen, ginn d'Pre- a Code Tag Stiler net bäigefüügt.
• Déi meescht Browser ënnerstëtzen de Momentmarkéieren.

HTML  Label Beispill

Déi folgend ass den CSS-Stil vum Pre-Tag (deen den HTML-Code automatesch wéckele kann) ▼

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

Déi folgend ass den CSS Stil vum Code Tag ▼

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

Instruktiounen:

• Kopéiert w.e.g. déi uewe genannte CSS Tags op d'WordPress Thema style.css an der Datei.

HTML Pre Tag Funktioun a Benotzungsinstruktiounen

• Etiketten definéieren virformatéierten Text.
• A Markup-Elementer léisst den enthalten Text normalerweis Plazen an Zeilpausen.
• Den Text gëtt och a monospaced Schrëft ugewisen.

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

Wann Dir de spezifizéierte Textformat an HTML wëllt setzen, musst Dir d'Attributer vum Haaptelement profitéieren.

Tipps an Instruktioune

Hiweis:Eng allgemeng Notzung vun Tags ass de Quellcode vun engem Computer ze representéieren.

Ënnerscheeder tëscht HTML 4.01 an HTML5

Am HTML 4.01 ass den Attribut "Breet" ofgeschaaft a kann net benotzt ginn. HTML5 ënnerstëtzt net den "Breet" Attribut.

Attribut

Property Wäert Beschreiwung

• Breet Nummer HTML5 ënnerstëtzt net dësen Attribut.
• Dëst Attribut gëtt an HTML 4.01 ofgeschaaft.
• Definéiert déi maximal Unzuel vun Zeechen pro Zeil (normalerweis 40,80, 132 oder XNUMX).

global Eegeschafte

• <pre>Markup ënnerstëtzt global Eegeschaften, a kuckt de komplette Property Sheet HTML global Eegeschaften.

Event Eegeschafte

• Tags ënnerstëtzen all HTML Event Attributer.