Nedanfor finn du ein tabell som viser nokre HTML-taggar og ein tabell som viser litt av muligheitene i CSS.
Er du interessert i å finne ut meir om HTML og CSS kan du finne det på W3 som er den organisasjonen som har med standardisering a innhald på internett å gjere. Du kan og laste ned HTML 4.01 referansen og CSS 2.0 referansen som pdf-filer.
Du kan og sjekke om koden du har skrevet er rett. Sjå meir om det her
| Start-tag | Slutt-tag | Kommentar |
|---|---|---|
| <HTML> | </HTML> | Start og slutt på eit HTML dokument |
| <head> | </head> | Innanfor head-taggane legg vi tittel, stilar og metadata. |
| <title> | </title> | Tittel på sida |
| <style type="text/css"> | </style> | Brukast når vi har interne stilark |
| <body> | </body> | I mellom desse taggane skal du ha alt innhaldet på sida di |
| <h1> | </h1> | Overskrift - du har 6 overskriftsnivå <h1> - <h6> |
| <p> | </p> | |
| <br> | Break, lagar ei opa linje, denne har ingen slutt-tag | |
| <hr> | Horisontal linje. Set inn ei linje/strek som vi kan formatere. | |
| <ul> <li> |
</li> </li> |
Start/slutt på ei usortert punktliste. Punkt i den usorterte lista. Default verdi er rund prikk. |
| <ol> <li |
Start/slutt på ei ordna punktliste. Punkt i den ordna lista. Default verdi er tall. |
|
| <a href="..."> | </a> | Set inn lenke til ei anna nettside. Teksten som skal lenkast skriv du mellom start- og slutt -taggen |
| <img src="..."> | Set inn eit bilde. | |
| <div> | </div> | Denne taggen brukast oftast i saman med stilark for å lage egendefinerte layout på nettsida. |
| <span> | </span> | Denne taggen brukast oftast i saman med stilark for å lage egendefinerte layout på nettsida. |
| <table> | </table> | Tabell |
|
|
|
| tag {egenskap: verdi; nyegenskap: verdi} | ||
| Egenskap | verdier | Kommentarer |
|---|---|---|
| color | farge enten som engelsk farge eller heksadesimalt tall | Angir vanligvis farge på tekst eller den typen som taggen beskriver |
| background-color | farge enten som engelsk farge eller heksadesimalt tall | Angir farge på bakgrunnen |
| background | angi plassering for bilde | Bruker eit bilde som bakgrunn |
| background-image | Eksempel: body { background-image: url("marble.png") } | Angir bilde som bakgrunn |
| font-family | Skriftfamilien t.d. Verdana, Courier osv | Kva slag type skrift du skal bruke |
| font-size | punkt eller prosent | Størrelsen på skrifta |
| text-align | left, center, right | Plasserer teksten til venstre, sentrert eller til høgre |
| border | tykkelse: thin, medium thick; utsjånad: solid, dotted osv; farge: | eksempel: table {border: thin solid grey} |
| border-collapse | collapse, separate | Bruk collapse for at rammene i tabellen og cellene skal gå i sammen |
| margin-left (right, top, bottom) | Punkt eller prosent | Angir avstand fra kant (side eller det elementet den er brukt på) |
| width | Punkt eller prosent | Bredda på elementet f.eks. ein tabel, tabellcelle, horisontal linje (hr) osv |
Dersom du ynskjer å validere heimesida di for å sjekke HTML-koden eller CSS egenskapane kan du klikke på lenkene til høgre nedanfor og enten laste opp sida di, eller skrive inn nettadressa til dokumentet om du har lastet det opp på ein server.
Dersom du har brukt både HTML og CSS i samme dokumentet bør du sette inn denne linja aller først (før <html>):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/1998/REC-html40-19980424/loose.dtd">