HTML er det sprog man skriver websider med. Dette er del 1 af en kort oversigt over HTML til brug i kurset Databehandling ved KVL. Der findes en engelsk oversættelse. Notatet består af følgende afsnit:
En webside (et HTML-dokument) har i princippet altid denne opbygning:
<HTML> <HEAD> <TITLE>Websidens titel</TITLE> </HEAD> <BODY> Websidens tekst. </BODY> </HTML>
Websidens indhold skal stå mellem <BODY> og
</BODY>.
2. Mærker
Tabellen nedenfor viser de mest almindelige mærker (engelsk: tags) i HTML, og deres mest anvendte attributter. En oversigt over attributterne findes i næste afsnit.
| Mærke | Betydning | Mulige attributter | Bruges i |
|---|---|---|---|
| Overskrifter | |||
| <H1> ... </H1> | Største overskrift | ALIGN, NOWRAP | |
| <H6> ... </H6> | Mindste overskrift | ALIGN, NOWRAP | |
| Afsnit og lay-out | |||
| <P> | Nyt afsnit | ALIGN | |
| <BR> | Tvunget linieskift | CLEAR | |
| <HR> | Vandret skillelinie | ALIGN, NOSHADE, SIZE, WIDTH | |
| <DIV> ... </DIV> | Tekstafsnit | ALIGN | |
| <CENTER> ... </CENTER> | Centrer tekst | ||
| <BLOCKQUOTE> ... </BLOCKQUOTE> | Citat (indrykket) | ALIGN | |
| <ADDRESS> ... </ADDRESS> | Adresse (i kursiv) | ||
| <PRE> ... </PRE> | Præformateret tekst | ||
| Henvisninger og navngivning | |||
| <A HREF="url"> ... </A> | Henvisning | ||
| <A NAME="navn"> ... </A> | Navngivning | ||
| Lister | |||
| <UL> ... </UL> | Uordnet liste | COMPACT, TYPE | |
| <OL> ... </OL> | Ordnet, nummereret liste | COMPACT, TYPE | |
| <LI> | Listeelement | UL, OL | |
| <DL> ... </DL> | Definitionsliste | COMPACT | |
| <DT> | Opslagsord | DL | |
| <DD> | Forklaring til opslagsord | DL | |
| Tekst: Kursiv, fede typer, størrelse, ... | |||
| <EM> ... </EM> | Kursiv | ||
| <STRONG> ... </STRONG> | Fede typer | ||
| <TT> ... </TT> | Maskinskrift | ||
| <FONT> ... </FONT> | Skift størrelse eller farve | COLOR, SIZE | |
| <SUB> ... </SUB> | Sænket skrift | ||
| <SUP> ... </SUP> | Hævet skrift | ||
Tabellen viser de mest almindelige attributter i HTML og de mulige attributværdier. I tabellen betegner n et naturligt tal 0, 1, 2, ..., og tekst betegner en tekststreng.
| Attribut | Mulige attributværdier | Bruges i |
|---|---|---|
| ALIGN= | LEFT, CENTER, RIGHT | BLOCKQUOTE, DIV, H1...H6, HR, P |
| BGCOLOR= | Farvenavn eller farvekode | BODY |
| CLEAR= | ALL, LEFT, RIGHT | BR |
| COLOR= | Farvenavn eller farvekode | |
| COMPACT | DL, OL, UL | |
| NOWRAP | ||
| SIZE= | 1...7 (absolut) eller +0...+7 (større) eller -0...-7 (mindre) | FONT |
| n | HR | |
| TYPE= | A, a, I, i, 1 | OL |
| DISC, SQUARE, CIRCLE | UL | |
| WIDTH= | n (antal pixels), eller n% (af sidens bredde) |
Mærket <A HREF="url"> tekst </A> markerer teksten tekst som en henvisning til url.
Mærket <A NAME="anker1"> tekst </A> knytter navnet
anker1 til dette sted i teksten.
En henvisning til dette sted kan have formen HREF="#anker1"
eller HREF="webside.html#anker1".
5. Farvenavne og farvekoder
Farvenavne og farvekoder benyttes blandt andet i attributterne BGCOLOR (baggrundsfarve) og COLOR (forgrundsfarve). I begge tilfælde angives farven enten med navn, f.eks. BGCOLOR="lime" eller med en RGB-farvekode, f.eks. BGCOLOR="#00FF00".
En RGB-farvekode har formen #RRGGBB hvor RR, GG og BB angiver intensiteten af rød, grøn og blå. Hver intensitet angives med to cifre i 16-talsystemet, dvs. 00, ..., 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 11, ..., 19, 1A, ..., 1F, 20, ..., F0, ... FF, svarende til decimaltallene 0 til 255.
Farvenavnene og de tilsvarende RGB-koder er vist nedenfor.
| Black = "#000000" | Green = "#008000" | ||
| Silver = "#C0C0C0" | Lime = "#00FF00" | ||
| Gray = "#808080" | Olive = "#808000" | ||
| White = "#FFFFFF" | Yellow = "#FFFF00" | ||
| Maroon = "#800000" | Navy = "#000080" | ||
| Red = "#FF0000" | Blue = "#0000FF" | ||
| Purple = "#800080" | Teal = "#008080" | ||
| Fuchsia = "#FF00FF" | Aqua = "#00FFFF" |
Peter Sestoft, KVL Databehandling, 1997-03-02