Bar: /* Alternativ til Pre-Tag i en wiki */

2022-08-02T09:16:45Z

Alternativ til Pre-Tag i en wiki

← Ældre version		Versionen fra 2. aug. 2022, 11:16
Linje 46:		Linje 46:
	Der er normalt en god måde at illustrere koder på.		Der er normalt en god måde at illustrere koder på.

	===Alternativ til Pre-Tag i en wiki===		===Alternativ til Pre-Tag i en wiki===
	En anden måde at få vist kodetekst (ud over at tage et screenshot) kan være at bruge et source-tag som det er vist her:		En anden måde at få vist kodetekst (ud over at tage et screenshot) kan være at bruge et source-tag som det er vist her:

Bar: 1 version importeret

2022-08-02T09:14:44Z

1 version importeret

Ny side

Et Pre-Tag gør det at de mellemrum, tabuleringer og linjeskift der er i dokumentet bliver vist i browsersiden.

En egenskab der gør at det er let at stille noget op på siden er at alle tegne fylder lige meget (monospaced tekst). Det kan så til gengæld gøre det mere besværligt, at linjerne bare fortsætter ud over browservinduet, og ikke bliver ombrudt normalt.

==Eksempel==
Dette er et eksempel der viser hvordan mellemrum kommer med i visningen. Hvis man skriver følgende:

<source lang="html4strict">
<pre>
Normalt vil dette
komme til at stå
i en lang linje i et afsnit
men her kan man opstille det med mellemrum
uden problemer.
</pre>
</source>

Så vil det i en normal browser få følgende udseende:

[[Fil:pre-eksempel.png]]

==Anvendelse af Pre-Tag i en wiki==

Hvis man skrev det ovenstående eksempel:

<source lang="html4strict">
<pre>
Normalt vil dette
komme til at stå
i en lang linje i et afsnit
men her kan man opstille det med mellemrum
uden problemer.
</pre>
</source>

Så ville det inde i wikien få følgende visning:

<pre>
Normalt vil dette
komme til at stå
i en lang linje i et afsnit
men her kan man opstille det med mellemrum
uden problemer.
</pre>

Der er normalt en god måde at illustrere koder på.

===Alternativ til Pre-Tag i en wiki===
En anden måde at få vist kodetekst (ud over at tage et screenshot) kan være at bruge et source-tag som det er vist her:

[[Fil:pre-source.png]]

Det giver følgende visning:

<source lang="html4strict" line="on">
<html>
<head>
<title>Dokument titel</title>
<head>
<body>
<h1>Overskrift</h1>
<p>Tekst</p>
</body>
</html>
</source>

{{webdesign}}
[[Kategori:HTML Koder]]

Pre-Tag - Versionshistorie

Bar: /* Alternativ til Pre-Tag i en wiki */

Bar: 1 version importeret