https://www.htxarduino.dk/index.php?action=history&feed=atom&title=Pre-TagPre-Tag - Versionshistorie2026-05-26T23:38:31ZVersionshistorie for denne side i HTX ArduinoMediaWiki 1.45.1https://www.htxarduino.dk/index.php?title=Pre-Tag&diff=2459&oldid=prevBar: /* Alternativ til Pre-Tag i en wiki */2022-10-22T14:42:36Z<p><span class="autocomment">Alternativ til Pre-Tag i en wiki</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="da">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 22. okt. 2022, 16:42</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l51">Linje 51:</td>
<td colspan="2" class="diff-lineno">Linje 51:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Fil:pre-source.png]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Fil:pre-source.png]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Det giver følgende visning:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Det giver følgende visning: </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><source lang="html4strict" line="on"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><source lang="html4strict" line="on"></div></td></tr>
</table>Barhttps://www.htxarduino.dk/index.php?title=Pre-Tag&diff=2350&oldid=prevBar: 1 version importeret2022-10-22T14:16:05Z<p>1 version importeret</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="da">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Ældre version</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Versionen fra 22. okt. 2022, 16:16</td>
</tr><tr><td colspan="2" class="diff-notice" lang="da"><div class="mw-diff-empty">(Ingen forskel)</div>
</td></tr></table>Barhttps://www.htxarduino.dk/index.php?title=Pre-Tag&diff=2349&oldid=prevhtx_>Bar med 21. feb. 2012, 22:072012-02-21T22:07:35Z<p></p>
<p><b>Ny side</b></p><div>Et Pre-Tag gør det at de mellemrum, tabuleringer og linjeskift der er i dokumentet bliver vist i browsersiden.<br />
<br />
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.<br />
<br />
==Eksempel==<br />
Dette er et eksempel der viser hvordan mellemrum kommer med i visningen. Hvis man skriver følgende:<br />
<br />
<source lang="html4strict"><br />
<pre><br />
Normalt vil dette<br />
komme til at stå<br />
i en lang linje i et afsnit<br />
men her kan man opstille det med mellemrum<br />
uden problemer.<br />
</pre><br />
</source><br />
<br />
Så vil det i en normal browser få følgende udseende:<br />
<br />
[[Fil:pre-eksempel.png]]<br />
<br />
==Anvendelse af Pre-Tag i en wiki==<br />
<br />
Hvis man skrev det ovenstående eksempel:<br />
<br />
<source lang="html4strict"><br />
<pre><br />
Normalt vil dette<br />
komme til at stå<br />
i en lang linje i et afsnit<br />
men her kan man opstille det med mellemrum<br />
uden problemer.<br />
</pre><br />
</source><br />
<br />
Så ville det inde i wikien få følgende visning:<br />
<br />
<pre><br />
Normalt vil dette<br />
komme til at stå<br />
i en lang linje i et afsnit<br />
men her kan man opstille det med mellemrum<br />
uden problemer.<br />
</pre><br />
<br />
Der er normalt en god måde at illustrere koder på. <br />
<br />
===Alternativ til Pre-Tag i en wiki===<br />
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:<br />
<br />
[[Fil:pre-source.png]]<br />
<br />
Det giver følgende visning:<br />
<br />
<source lang="html4strict" line="on"><br />
<html><br />
<head><br />
<title>Dokument titel</title><br />
<head><br />
<body><br />
<h1>Overskrift</h1><br />
<p>Tekst</p><br />
</body><br />
</html><br />
</source><br />
<br />
{{webdesign}}<br />
[[Kategori:HTML Koder]]</div>htx_>Bar