Pre-Tag
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:
<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>Så vil det i en normal browser få følgende udseende:
Anvendelse af Pre-Tag i en wiki
Hvis man skrev det ovenstående eksempel:
<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>Så ville det inde i wikien få følgende visning:
Normalt vil dette
komme til at stå
i en lang linje i et afsnit
men her kan man opstille det med mellemrum
uden problemer.
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:
Det giver følgende visning:
<html>
<head>
<title>Dokument titel</title>
<head>
<body>
<h1>Overskrift</h1>
<p>Tekst</p>
</body>
</html>| Webdesign | |
|---|---|
| CSS | Placering - Class - ID - Height - Width - Centrering - Margin - Border - Padding - Boksmodellen - Position - Text - Font - Farver - Backgruond - Table - List-style - Selectors - CSS3 - Media - Dropdown |
| HTML | <b> - <em> - <strong> - <i> - <cite> - <q> - <tt> - <code> - <samp> - <kbd> - <var> - <pre> - <sub> - <sup> - <h1> - <h6> - <p> - <br> - <li> - <ol> - <ul> - <a> - <a> på siden - <img> - <map> - <object> - <dd> - <dl> - <dt> - <hr> - <div> - <span> - <html> - <head> - <title> - <body> - <frame> - <frameset> - <iframe> - <style> - <table> - <td> - <tr> - <th> - <tbody> - <thead> - <tfoot> - <form> - <input> - <textarea> - <label> - <select> - <option> - Billede - Embedding Youtube - Kommentarer - Omdirigere |