Ved hjelp av merker i teksten, såkalte formateringskoder eller tags, kan du styre utseende av teksten. Kodene plasseres mellom disse tegnene:
< her plasseres koden >.
Formatering som skal gjelde for en viss utstrekning må også ha en kode for å angi slutten for denne utstrekningen eller området.
Slutt-tagen angis med en / foran den tilsvarende startkoden, fx </a>. De fleste kodene kan skrives med
både små og store bokstaver. Kodene nedenfor er vist med rød tekst og må skrives nøyaktig slik. Kommentar i venstre kolonne står med grønn tekst. Den vises ikke i høyre kolonne.
Tabellen nedenfor viser hva slags kode som gir hva slags utseende.
Slik skriver du det | Slik blir det seende ut når det vises på websiden | ||||||
Enkelt linjeskift utføres her<br> med viste kode. |
Enkelt linjeskift utføres her med viste kode. | ||||||
Avsnittskille utføres her<p> med viste kode, men bør selvfølgelig ikke plasseres midt i en setning. |
Avsnittskille utføres her med viste kode, men bør selvfølgelig ikke plasseres midt i en setning. | ||||||
<b>Denne teksten blir fet.</b> |
Denne teksten blir fet | ||||||
<i>Denne teksten blir kursiv.</i> |
Denne teksten blir kursiv. | ||||||
<u>Denne teksten blir understreket</u> | Denne teksten blir understreket | ||||||
<div align=center>Alt herfra blir midtstilt. Inntil hit</div> <div align=right>Alt herfra blir høyrestilt. ... Til hit</div> <div align=left>Alt herfra blir venstrestilt, men det er vanligvis det samme som normal- innstillingen.</div > |
Alt herfra blir midtstilt.
Inntil hit. Alt herfra blir høyrestilt. ... Til hit
Alt herfra blir venstrestilt, men det er vanligvis det samme som
normal-innstillingen.
|
||||||
<h1>Dette er
overskrift nivå 1</h1> <h2>Dette er overskrift nivå 2</h2> <h3>Dette er overskrift nivå 3</h3> <h4>Dette er overskrift nivå 4</h4> Her legges det automatisk til luft rundt overskriftene. |
Dette er overskrift nivå 1Dette er overskrift nivå 2Dette er overskrift nivå 3Dette er overskrift nivå 4 |
||||||
Dette er normal skriftstørrelse <font size=+1>Dette øker skriftstørrelsen</font> Her er vi tilbake til skriftstørrelsen før siste font-tag. <font size=-1>Dette minker skriftstørrelsen</font> |
Dette er normal skriftstørrelse Dette øker skriftstørrelsen Her er vi tilbake til skriftstørrelsen før siste font-tag. Dette minker skriftstørrelsen |
||||||
<ul> <li>En linje i en kuleliste </ul> |
|
||||||
<ol> <li>Første linje i en nummerert liste <li>Linje 2 i en slik liste </ol> |
|
||||||
<table> <tr> <td>Tabell celle 1</td> <td>Celle 2</td> </tr> <tr> <td> </td> <td>kun celle 2</td> </tr> <tr> <td>kun celle 1</td> <td> </td> </tr> </table> |
|
||||||
Lenke til annet nettsted: <a href="http://www.nrk.no">NRK</a> A står for Anker |
NRK | ||||||
Innsetting av bilde: Man må vite navnet på billedfilen og hvor den ligger. I det første eksempelet ligger filen på en katalog som heter "bilder" som er en underkatalog av der nettsiden ligger. <img src="bilder/sel.jpg">
Hvis filen ligger på en |
|||||||
Dobbel linjeskift blir linjeskift. (<br> i html)
Trippel linjeskift blir nytt avsnitt. (<p> i html)
Dette er et ørlite utdrag av såkalte html-koder. Fullstendig sett finner du på http://www.w3.org/TR/html4/