Tillatte HTML-merker: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
Nettstedet tillater bruk av HTML. Det kan virke uoverskuelig å lære alt om HTML, men det kan være praktisk å kjenne den mest brukte HTML-notasjonen. Denne tabellen gir eksempler på de merker som kan brukes på nettstedet.
Besøk W3Cs HTML-spesifikasjon for ytterligere opplysninger, eller bruk din foretrukkede søkemotor til å finne nettsteder som forklarer bruken av HTML.
| Beskrivelse av merke | Du skriver | Du får |
|---|---|---|
| Ankre brukes til å lage lenker til andre sider. | <a href="http://klima.ntfk.no">Klima og energi</a> | Klima og energi |
| Uthevet | <em>Uthevet</em> | Uthevet |
| Fet | <strong>Fet</strong> | Fet |
| Sitert | <cite>Sitert</cite> | Sitert |
| Kodetekst brukes til å vise programmeringskildekode og liknende | <code>Kode</code> | Kode |
| Usortert liste - bruk <li> for å begynne hvert listepunkt | <ul> <li>Første punkt</li> <li>Andre punkt</li> </ul> |
|
| Sortert liste - bruk <li> for å begynne hvert listepunkt | <ol> <li>Første punkt</li> <li>Andre punkt</li> </ol> |
|
| Definisjonslister ligner andre HTML-lister. <dl> begynner definisjonslisten, <dt> begynner definisjonstermen og <dd> begynner beskrivelsen av definisjonen. | <dl> <dt>Første ord</dt> <dd>Første definisjon</dd> <dt>Annet ord</dt> <dd>Andre definisjon</dd> </dl> |
|
De fleste tegnene kan skrives inn direkte uten problemer.
Hvis du allikevel støter på problemer, kan du prøve å bruke HTML tegnkoder. Bruk f.eks. & for å vise et ampersand & tegn. Se dessuten den komplette liste av tegnkoder. De mest brukte tegnene er:
| Tegnbeskrivelse | Du skriver | Du får |
|---|---|---|
| og-tegnet | & | & |
| Større enn | > | > |
| Mindre enn | < | < |
| Siteringstegn | " | " |
CSS attributes can be applied to blocks (paragraphs, headers,
etc.). CSS classes are specifed with "(class)";
CSS IDs are specified with "(#id)"; both can be
specified with "(class#id)". An arbtirary
CSS style can be applied by using
"{style}". Finally, language attributes are
applied using "[language]".
Additionally, alignment and indentation shorthands are provided. To
left-align, right-align, center, and justify text, use
"<", ">", "=", and
"<>", respectively. "(" left-indents
a block 1em for each occurrence, and ")" right-indents
similarly.
Tables have additional options. "^", "-",
and "~" specify top, middle, and bottom vertical
alignment. The "_" attribute on a cell indicates that
it is a table header.
The examples below illustrate these attributes.
| textile input | output | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Headingshx. (where x is 1 - 6)
|
|||||||||||||
| h1. Heading | Heading |
||||||||||||
| h2(class). Heading with class | Heading with class |
||||||||||||
Paragraphs |
|||||||||||||
| p=. Centered text | Centered text |
||||||||||||
| p())(#id). Indented text with ID |
Indented text with ID |
||||||||||||
Block quotes |
|||||||||||||
| bq(class#id). Quote with class and ID |
Quote with class and ID |
||||||||||||
| bq[en]. English quote |
English quote
|
||||||||||||
Ordered lists |
|||||||||||||
|
{color: blue}# Attributes specified # before the first item # affect the whole list |
|
||||||||||||
Unordered lists |
|||||||||||||
|
* Lists can have ## subitems or ## sublists * too |
|
||||||||||||
Footnotesfnx. (where x is 1 - 100)
|
|||||||||||||
| fn17. Footnote | 17 Footnote |
||||||||||||
Tables |
|||||||||||||
|
|_. A|_. B|_. C| (dark). |very|simple|table| |<. left|=. center|>. right| |^{height:3em}. top|-. middle|~. bottom| |
|
||||||||||||
The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.
| textile input | output |
|---|---|
| _emphasis_ | emphasis |
| __italic__ | italic |
| *strong* | strong |
| **bold** | bold |
| ??citation?? | citation |
| -delete text- | |
| +inserted text+ | inserted text |
| ^superscript^ | superscript |
| ~subscript~ | subscript |
| @code@ | code |
| %(class)span% | span |
| %{color:red;}span% | span |
| ==no textile== | no textile |
| "link text":url | link text |
| "link text(title)":url | link text |
| !imageurl! | |
| !imageurl(alt text)! | |
| !imageurl!:url | |
| ABC(Always Be Closing) | ABC |
| Footnote reference[17] | Footnote reference17 |