Kaj je pre v slogu CSS? Vloga kodnih oznak pred ovijanjem v HTML

Za izdelavo spletne strani z uporabo WordPressa se moramo naučiti nekaj osnov CSS in HTML:

• Zaradi slogovnih datotek CSS nekaterih tem WordPressa slogi oznake pred in kode niso dodani.
• Večina brskalnikov trenutno podpiraoznačiti.

HTML  Primer etikete

Sledi slog CSS predoznake (ki lahko samodejno zavije kodo 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;
}

Sledi slog CSS kodne oznake ▼

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

Navodila:

• Kopirajte zgornje oznake CSS v temo WordPress style.css v datoteki.

Funkcija predoznake HTML in navodila za uporabo

• Oznake določajo vnaprej oblikovano besedilo.
• V označevalnih elementih vsebovano besedilo običajno pušča presledke in prelome vrstic.
• Besedilo bo prikazano tudi v enoprostorski pisavi.

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

Če želite določeno besedilno obliko postaviti v HTML, morate izkoristiti atribut vodilnega elementa.

Nasveti in navodila

namig:Običajna uporaba oznak je za predstavitev izvorne kode računalnika.

Razlike med HTML 4.01 in HTML5

V HTML 4.01 je atribut "width" opuščen in ga ni mogoče uporabiti. HTML5 ne podpira atributa "width".

Atribut

Opis vrednosti nepremičnine

• Številka širine HTML5 ne podpira tega atributa.
• Ta atribut je v HTML 4.01 opuščen.
• Določa največje število znakov na vrstico (običajno 40,80, 132 ali XNUMX).

globalne lastnosti

• <pre>Markup podpira globalne lastnosti in si oglejte celoten list z lastnostmi HTML globalnih lastnosti.

Lastnosti dogodka

• Oznake podpirajo vse atribute dogodkov HTML.