Lathund för HTML
HTML (HyperText Markup Language) består bland annat av en mängd markörer som preciserar hur texten i ditt dokument ska se ut. Vidare kan markören vara en länk, en bild eller någon resurs du vill använda. Markören består alltid av en startmarkör som vanligen har en slutmarkör. Markörer kan vara nästlade.
Markör: < markörtyp (ev. attribut) >
Slutmarkör: </ endast_markörtyp >
Exempel: <i>kursiv text </i> eller <p align=right>rak högermarginal</p>.
Webbsidor består av ett dokumenthuvud (head) med information till bland annat webbläsaren. Dokumentkroppen (body) innehåller den information som visas i webbläsaren.
URL (Uniform Resource Locator) anger var på webben en resurs finns, dvs ett dokument, en bild, m.m. En URL kan anges med full sökväg (adress) eller relativt den resurs som innehåller URLen (i en närliggande katalog).
Grundläggande markörer (tabell 1) Markör
Attribut (valfria inom parentes)
Kommentar
html
Inleder/avslutar alla htmlsidor
head
Dokumenthuvud
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
I head, vald teckentabell
title
Rubrik visad i fönsterraden
body
(bgcolor text link vlink)
Dokumentkropp börjar
hi
Rubrik med storlek i (1 - 7, 1 störst)
i
Kursiv (italic)
b
Fet (bold)
u
Understruken
strike
Överstruken text
br
(clear)
Radbryt (break), saknar slutmarkör
p
(align)
Paragraf med blankrad ovanför
hr
(align width size)
Horisontell linje (rule)
a
href [2]
Ankare (markerad länk)
img
src width height (border alt align valign hspace vspace)
Bild, saknar slutmarkör
ul
(type)
Oordnad lista (unordered)
ol
(type start)
Ordnad lista
li
(value)
Listelement (list item)
dl
Definitions-Lista
dt
Term att definiera (Def. Term)
dd
Definition (Def. Description)
table
border (width cellspacing cellpadding bgcolor)
Tabell
caption
(align)
Tabellrubrik
tr
(align valign bgcolor)
Tabellrad
th
(align valign bgcolor colspan)
Kolumnrubrik
td
(align valign bgcolor colspan rowspan)
Celldata
Attribut och dess värden (tabell 2) Attribut
Värden
Kommentar
align
left center right
Arrangera text, tabell, hr, tabellcell eller rubrik
align
left center right top middle bottom
Arrangera objekt (t ex bild)
align
left right top bottom
Arrangera rubrik (till caption)
alt
"text"
Alternativ text
border
i
Ramtjocklek i pixlar, ex "2"
bgcolor
[1]
Bakgrundsfärg
cellpadding
i
Fyllnad runt objekt i tabellceller i pixlar
cellspacing
i
Linjetjocklek mellan tabellceller i pixlar
clear
left right all
Anger var nästa objekt (t ex text) börjar efter aktuellt flytande objekt (t ex bild)
colspan
i
Anger hur många kolumner en cell ska spänna över (jmf cellen med <meta http-equiv ... i tabell 1)
height
i
Höjd i pixlar, ex "20"
href
URL [2]
Ankarets webb-referens
hspace
i
Horisontellt minsta tomrum mellan två objekt i pixlar
link
[1]
Länkfärg
rowspan
i
Anger hur många rader en cell ska spänna över (jmf "html" och "head" under "attribut" i tabell 1)
size
i
Storlek (tjocklek) i pixlar, ex "2"
src
URL [2]
Källa (source), ex: src="grafik/simon.jpg", eller full sökväg
start
i
Börja numrering med t ex "10", eller motsvarande för alfa eller romersk
text
[1]
Textfärg
type
disc square circle
Typ av lista, ul
type
1 a A i I
Typ av lista, ol (numerisk, alfa, romersk)
valign
top middle bottom
Arrangera vertikalt (jmf align), tr, th och td
value
i
Ordningsnummer för detta enskilda element i ordnad lista
vlink
[1]
Besökt (visited) länkfärg
vspace
i
Vertikalt minsta tomrum mellan två objekt i pixlar
width
i i %
Bredd i procent av tillgänglig bredd, eller pixlar (se height)
Alla värden, utom de fördefinierade, omsluts av citattecken, t ex type="a", size="2", width="75%"
[1] Exempel: bgcolor="#ffdc96". Färger skrivs hexadecimalt (0 - 9, a - f = 10-15 => 0-15 per tecken), två tecken vardera för röd, grön och blå (RGB). Syntax "#......". Det finns även fördefinierade färger, se http://www.w3.org/TR/html401/types.html#type-color
[2] Exempel: <a href="en_annan_sida.html">länktext</a> som är en relativ URL till samma katalog som ursprungssidan.
<a href="docs/en_tredje_sida.html">länktext</a> är också en relativ URL till en katalog som heter "docs" som finns i samma katalog som ursprungssidan.
<a href="http://www.d.kth.se/">D-sektionen</a> är en URL med full sökväg till extern resurs.
Bilder kan användas i stället för länktext, exempel <a href="titta.html"><img border=2 src="titta.gif" alt="Titta"></a>.
Brasklapp: Vi rekommenderar att du alltid tillhandahåller en enkel alternativ sida om du piffar till din sida alltför mycket. Kom ihåg att redan ganska rimligt formaterade sidor svårligen läses av webbläsare för blinda och andra med speciella behov.