Referensbok

HTML © Eva von Pepel

* [ HTML-referensbok ] * [ Referensböcker ] *

Inledning, Element, Attribut, Värden, Struktur, Dokumenttyp

Värden

Inledning

* Ett värde är själva attributens egenskap. Det kan vara en enhet (mått), t ex elementets storlek, färg, eller en adress till någon fil.

<BIL FÄRG=SVART>

<H1 align=center>Rubrik på nivå 1</H1>

<H1 align=right>Rubrik på nivå 1</H1>

<h1 ALIGN="RIGHT">Rubrik på nivå 1</h1>

Genom att tilldela ett värde till attributet ALIGN talar du om hur rubriken ska placeras. "CENTER" betyder centrera. I det här fallet ska rubriken centreras. För att t ex högerställa en rubrik ändrar du attributets värde till "RIGHT" - höger.

Det finns två typer av värden. Ett som måste citeras och ett som inte behövs (men det skadar inte om man gör det).

String literal
dvs allt går, t ex "+2" eller "50%" och även "index.html". Sådana värden citerar man
Name token
teckensekvens som består av (helst max 8) bokstäver a-z, A-Z, siffror 0-9, punkt och bindestreck, t ex ALIGN=left. Sådana värden behöver man inte citera. Både dubbla som enkla citattecken är tillåtna.

... men tumregeln säger .... "citera alltid om du är osäker".

Enkla citattecken kan inkluderas i attribuvärde om värdet omges med dubla tecken och vice versa.

<IMG ... ALT="Tavla ur 'Louvres'-kollektion">
<IMG ... ALT='Tavla ur "Louvres"-kollektion'>

För det mesta, dvs när värden är Name token, spelar det ingen roll om värden skrivs med versaler (CENTER), gemena (center) eller t o m en blandning av båda (cEnTeR). Adresser som hänvisar till någon fil måste däremot skrivas exakt. INDEX.html och index.html är två olika dokument.

Vilka värden ett attribut kan ta specificeras i DTD:n. Värdena kan uppges genom att lista varje värde ett attribut kan ta; t ex:

<!ATLIST CAPTION
align (top|bottom) #IMPLIED
>
Elementet CAPTION kan ta attributet ALIGN vars värde kan antingen vara "top" eller "bottom". Bara ett värde kan tilldelas ett specifikt attribut.

eller i form av olika nyckelord inklusive namngivna enheter (entities)vilka expanderar till i dem specificerade värdet(n). Värdena kan vara specifika som RIGHT, LEFT eller innehålla en teckensträng som bildas av skaparen själv på basis av de tecken som det specifika värdet tillåter.

Värden och dess innehåll

NUMBER

Siffra - värdet av "name token"-typ, t ex:

<!ATTLIST (td|tr)
rowspan NUMBER 1
>

Elementet TD och TH kan ta attributet ROWSPAN vars värde skapas av mins en siffra mellan 0 och 9 och att standardvärdet är 1.

<TD rowspan=3>
<TD rowspan=13>

CDATA

Character data

<!ATTLIST TEXTAREA
name CDATA #IMPLIED
>

Elementet TEXTAREA kan ta attributet NAME vars värde är CDATA, dvs en teckensträng från dokumentets teckentabell innehållande bokstäver, siffror, interpunktion, mellanrum eller andra speciella tecken inkl entities som är . Om värdet är "name token" tolkas det inte utan tas som "det är". Om värdet är "string literal", dvs fordrar citattecken tolkas det och t ex eventuella entities ersätts (t ex ö ersätts med ö). Mindre skillnader vilka tecken ett CDATA-värde kan innehålla samt hur www-klienter ska tolka dess förekomst.

Trots att www-klienter kan ignorera mellanslag i början och slutet av värdet och t ex tolka " text " som "text" bör dessa mellanslag undvikas.

<TEXTAREA name="Förslag till ändringar">

ID och NAME

Identifikation och namn

<!ATTLIST PARAM
id ID #IMPLIED
>

<!ATTLIST META
http-equiv NAME #IMPLIED
>

En teckensträng som måste börja med en bokstav "a-z" eller "A-Z" som kan efterföljas av valfritt antal bokstäver "a-z" eller "A-Z", siffror "0-9", bindestreck "-", understreck "_", kolon ":" och punkter ".".

<DIV id="del1">

IDREF och IDREFS

ID-referens - hänvisar till tidigare specificerade ID

<!ATTLIST (TH|TD)
headers IDREFS
>

Refererar till ID-värden tilldelade andra element. IDREF är ett enkelt värde medan IDREFS är en lista som separeras med ett mellanslag.

<TH ID="rubrik1">Länder</TH>
<TD headers="rubrik1">Sverige</TD>

%URI;

Uniform Resource Identifiers

<!ATTLIST A
href %URI;
>

Värdet lokaliserar och hänvisar till den länkade källans adress (URL). Adressen kan vara fullständig eller relativ

<A href="http://www.algonet.se/eva/ref/"> Referensböcker </A>
<A href="index.html"> Referensböcker (relativ adress) </A>

%text;

Läsbara CDATA-textsträngar

<!ATTLIST IMG
alt %Text;
>

<IMG src="bild.gif" width=200 height=100 alt="Eget porträtt">

%Pixels;

Pixlar

<!ATTLIST table
border %Pixels;
>

Ramens bredd som ritas runt tabellen kan enbart uppges i pixlar

<TABLE border=4>

%Length;

Pixlar och procent

<!ATTLIST table
width %Length;
>

Tabellens bredd kan antingen specificeras i pixlar eller procent (som citeras).

<TABLE width="100%">

%MultiLength; och %MultiLengths;

Pixlar, procent eller relativa värden

<!ATTLIST COL
width %MultiLength;
>

Tabellens kolumn kan antingen specificeras i pixlar, procent eller uppges som relativa värden. Relativa värden uppges som i* (integer)

%MultiLength; är ett enkelt värde medan %MultiLengths; en lista som separeras med ett komma.

<COL width="100, 20%, *">

%ContentType; och %ContentTypes;

En ny term för MEDIATYPE

<!ATTLIST A
type %ContentType;
>

Värdet av attribut TYPE är MEDIA-typ av den länkade källan som kan t ex vara: "text/html", "image/png", "image/gif", "video/mpeg". Listan på alla registrerade MEDIA-typer finns på IANA.

%ContentType; uppger ett enkelt värde medan %ContentTypes; är en lista som separeras med ett komma

<A href="dok.html" type="text/html">

%LanguageCode;

Språkkod

<!ATTLIST A

hreflang %LanguageCode;
>

Värdet uppges oftast som en två-bokstavs-språkkod (OBS! ej dataspråk) som kan även inkludera dialekt, t ex sv för svenska, en för engelska, eller en-cockney för cockney-engelska. Hela listan med språkkoder finns i ISO 639; RFC1766.

<P LANG=sv>

%Charset; och %Charsets;

Character set - teckentabell(er)

<!ATTLIST A
charset %Charset;
>

Värdet specificerar teckenavkodning av den länkade källan, t ex ISO-8859-1. %Charset; uppger ett enkelt värde medan %Charsets; en lista som separeras med ett mellanslag och/eller komma.

Lista på registrerade teckenavkodningar finns på IANA

<A href="dok.html" charset="UTF-8">

%Character;

Ett enskilt tecken

<!ATTLIST COL
char %Character;
>

Några attribut tar ett enskilt tecken som värde, t ex tabeller med decimala data.

<COL align=char char=";">

%LinkTypes;

Länktyper

<!ATTLIST A
rel %LinkTypes;
>

En lista innehållande information om relation mellan ett befintligt och ett länkat dokument. Listan separeras med ett mellanslag. Tillåtna värden är:

<A rel=section>

%MediaDesc;

Media descriptors

<!ATTLIST LINK
media %MediaDesc;
>

En MEDIA-lista (separeras med ett mellanslag) som uppger plattform för vilka det befintliga dokumentet är strukturerat. Värdena är:

<LINK media=screen>

%FrameTarget;

Enbart HTML 4.0 Transitional och Frameset; hänvisar till den ram i vilken innehållet ska visas

<!ATTLIST A
target %FrameTarget;
>

Tillåtna värden är:

Observera att de tre sista värdena skrivs med små bokstäver och citeras

<A href="dok.html" target="_top">

%StyleSheet;

Giltig stilmall

Värdets innehåll är CDATA som tilldelas attributet STYLE

<P style="color: black; background: transparent">

%Script;

Giltig (klient)-skript

Värdets innehåll är CDATA som tilldelas ett av attributen listade i %events (se attribut ovan)

<A HREF="dok.html"onmousedown="launchRemote()">

%Datetime;

Datum och tid

<!ATTLIST (INS|DEL)
datetime %Datetime;
>

Datum och tid uppges enlgit följande formatet:

YYYY-MM-DDThh:mm:ssTZD

YYYY - år, fyra siffror
MM - månad, två siffror (01 - 12)
DD - dag, två siffror (01 - 31)
T - time - tid
hh - klockslag-timme (00 - 23)
mm - minuter (00 - 59)
ss - sekunder (00 - 59)
TZD - time zone designator, t ex CET (Central European Time) för Sverige

<INS datetime="1989-05-12T14:23:30CET">

Okänd datum eller tid skrivs som 00

%Color;

För- eller bakgrundsfärg (enbart HTML 4.0 Transitional)

<!ATTLIST TR
bgcolor %Color;
>

De 16 vanligaste färgerna kan specificeras genom att uppge deras "riktiga engelska namn" (black, green, silver, lime, gray, olive, white, yellow, maroon, navy, red, blue, purple, teal, fuchsia, aqua). Andra färger specificeras genom att uppge deras RGB-värden - (röd, grön, blå).

RGB-värden skrivs i form av hexadecimal och består av 6 siffror. De två första representerar den röda färgen, de två i mitten den gröna och det två sista den blåa. Många grafikprogram visar detta värde när man pekar på färgen. Om det skulle visa sig att bildbehandlare enbart visar decimalvärdena måste du omvandla dessa till hexadecimal, dvs RGB.

I HTML börjas RGB-värdet med en stege #. Värdet måste citeras, t ex:

<TR bgcolor="#ffffff">

Konvertering av decimal till hexadecimal

Lista över tilltåna attribut och värden i HTML 4.0

Följande attribut får stöd i HTML 4.0.

V står för version -
(T) - endast HTML 4.0 Transitional
(F) - endast HTML 4.0 Frameset
S står för standardvärde
(O) - obligatoriskt
(V) - valfritt
Attribut Värde S V Kan tilldelas elementen
abbr %Text;V  TD, TH
accept-charset%Charsets; V FORM
accept %ContentTypes; V INPUT
accesskey %Character; V A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA
action %URI;O  FORM
aligntop|bottom| left|right VTCAPTION
aligntop|middle|bottom|left|right VTAPPLET, IFRAME, IMG, INPUT, OBJECT,
aligntop|bottom|left| right VTLEGEND
alignleft|center|right VTHR, TABLE
alignleft|center|right| justify VTDIV, H1, H2, H3, H4, H5, H6, P
align left|center|right| justify|char V COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR
alink %Color;V T BODY
alt%Text;V TAPPLET
alt%Text;O  AREA, IMG
alt CDATAV  INPUT
archiveCDATAV TAPPLET
archive %URI;V  OBJECT
axis CDATAV  TD, TH
background %URI;V TBODY
bgcolor %Color;V TBODY, TABLE, TD, TH, TR
border %Length;V TIMG, OBJECT
border %Pixels;V  TABLE
cellpadding %Length; V TABLE
cellspacing %Length; V TABLE
char %Character;V  COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR
charoff %Length;V  COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR
charset %Charset;V  A, LINK, SCRIPT
checked (checked)V  INPUT
cite %URI;V  BLOCKQUOTE, DEL, INS, Q
class CDATAV  Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE
classid %URI;V  OBJECT
clear left|all|right|none noneT BR
code CDATAV TAPPLET
codebase %URI;V TAPPLET
codebase %URI;V  OBJECT
codetype %ContentType; V OBJECT
color %Color;V TBASEFONT, FONT
cols %MultiLengths; VFFRAMESET
cols NumberO  TEXTAREA
colspan Number1  TD, TH
compact (compact)V TDIR, DL, MENU, OL, UL
content CDATAO  META
coords %Coords; V  A, AREA
data %URI;V  OBJECT
datetime %Datetime; V DEL, INS
declare (declare)V  OBJECT
defer (defer)V  SCRIPT
dir ltr|rtlV  Alla förutom: APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT
dirltr|rtlO  BDO
disabled (disabled> O BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA
enctype %ContentType: * FORM * "application/x-www-form-urlencoded"
face CDATAV TBASEFONT, FONT
for IDREFV  LABEL
frame void|above|below| hsides|lhs|rhs| vsides|box|border V TABLE
frameborder 1|01 FFRAME, IFRAME
headers IDREFSV  TD, TH
height%Length;V TIFRAME
height%Length;V  IMG, OBJECT
height%Length;O TAPPLET
height %Pixels,V TTD, TH
href %URI;V  A, AREA, LINK
href %URI;V TBASE
hreflang %LanguageCode; V A, LINK
hspace %Pixels;V TAPPLET (T), IMG (T), OBJECT (T)
http-equivNAMEV  META
id IDV  Alla förutom: BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE
ismap (ismap)V  IMG
label %Text;V  OPTION
label %Text;B  OPTGROUP
lang %LanguageCode; V Alla förutom: APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT
language CDATAV  SCRIPT
link %Color;V TBODY
longdesc %URI;V  IMG
longdesc %URI;V FFRAME, IFRAME
marginheight %Pixels; VFFRAME, IFRAME
marginwidth %Pixels; VFFRAME, IFRAME
maxlength NUMBERV  INPUT
media %MediaDesc;V  LINK, STYLE
method get|postget  FORM
multiple (multiple) V SELECT
name CDATAV  A, BUTTON, INPUT, MAP, META, OBJECT, PARAM, SELECT, TEXTAREA
name CDATAV TAPPLET
name CDATAV FFRAME, IFRAME
nohref (nohref)V  AREA
noresize (noresize) VFFRAME
noshade (noshade)V THR
nowrap (nowrap)V TTD, TH
object CDATAV TAPPLET
onblur %Script;V  A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
onchange %Script;V  INPUT, SELECT, TEXTAREA
onclick %Script;V  Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
ondblclick %Script; V Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onfocus %Script;V  A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA
onkeydown %Script;V  Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onkeypress %Script; V Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onkeyup %Script;V  Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onload %Script;V  BODY, FRAMESET
onload %Script;V FFRAMESET
onmousedown %Script; V  ALLA FÖRUTOM: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onmousemove %Script; V Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onmouseout %Script; V Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onmouseover %Script; V Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onmouseup %Script;V  Alla förutom: APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE
onreset %Script;V  FORM
onselect %Script;V  INPUT, TEXTAREA
onsubmit %Script;V  FORM
onunload %Script;V  BODY
onunload %Script;V TFRAMESET
profile %URI;V  HEAD
prompt %Text;V TISINDEX
readonly (readonly) V INPUT, TEXTAREA
rel %LinkTypes;V  A, LINK
rev %LinkTypes;V  A, LINK
rows %MultiLengths VFFRAMESET
rows NUMBERO  TEXTAREA
rowspan NUMBER1  TD, TH
rules none | groups | rows | cols | all V TABLE
scheme CDATAV  META
scope row|col|rowgroup|colgroup V TD, TH
scrolling yes|no|auto autoFFRAME, IFRAME
selected (selected) V OPTION
shape rect|circle|poly| default rect  A, AREA
size CDATA *O TBASEFONT * skala från 1 till 7
size CDATA *V TFONT * skala från 1 till 7 och från -2 till +4
size %Pixels;V THR
size CDATAV  INPUT
size NUMBERV  SELECT
span NUMBER1  COL, COLGROUP
src %URI;V  INPUT, SCRIPT
src%URI;V FFRAME, IFRAME
src %URI;O  IMG
standby %Text;V  OBJECT
start NUMBERV TOL
style %StyleSheet;V  Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE
summary %Text;V  TABLE
tabindex NUMBERV  A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA
target %FrameTarget; VTA, AREA, BASE, FORM, LINK
text %Color;V TBODY
title %Text;   Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, TITLE
type %ContentType;V  A, LINK, OBJECT, PARAM
typebutton|submit| reset submit  BUTTON
type %ContentType;O  SCRIPT, STYLE
typetext | password | checkbox | radio | submit | reset | file | hidden | image | button text  INPUT
typedisc|square|circle 1|a|A|i|I VTLI
type1|a|A|i|IV TOL
typedisc|square|circle VTUL
usemap %URI;V  IMG, INPUT, OBJECT
valign top|middle|bottom| baseline V COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR
value CDATAV   BUTTON, INPUT, OPTION, PARAM
valueNUMBERV TLI
valuetype data|ref|object data  PARAM
version CDATA* THTML
*"-//W3C//DTD HTML 4.0//EN"
"-//W3C//DTD HTML 4.0 Transitional//EN"
"-//W3C//DTD HTML 4.0 Frameset//EN"
vlink %Color;V  BODY
vspace %Pixels;V TAPPLET, IMG, OBJECT
width %Length;V THR, IFRAME
width %Length;V  IMG, OBJECT, TABLE
width %Length;O TAPPLET
width %MultiLength; V COL, COLGROUP
width %Pixels;V TTD, TH
width NUMBERV TPRE

Upp | HTML-referensbok | Referensböcker

Valid HTML 4.0 dok.