HTML © Eva von Pepel
* [ HTML-referensbok ] * [ Referensböcker ] *
Inledning, Element, Attribut, Värden, Struktur, Dokumenttyp
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).
... 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.
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>
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">
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">
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>
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>
Läsbara CDATA-textsträngar
<!ATTLIST IMG
alt %Text;
>
<IMG src="bild.gif" width=200 height=100 alt="Eget porträtt">
Pixlar
<!ATTLIST table
border %Pixels;
>
Ramens bredd som ritas runt tabellen kan enbart uppges i pixlar
<TABLE border=4>
Pixlar och procent
<!ATTLIST table
width %Length;
>
Tabellens bredd kan antingen specificeras i pixlar eller procent (som citeras).
<TABLE width="100%">
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%, *">
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">
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>
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">
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=";">
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>
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>
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">
Giltig stilmall
Värdets innehåll är CDATA som tilldelas attributet STYLE
<P style="color: black; background: transparent">
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()">
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
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">
Följande attribut får stöd i HTML 4.0.
| 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 | |
| align | top|bottom| left|right | V | T | CAPTION |
| align | top|middle|bottom|left|right | V | T | APPLET, IFRAME, IMG, INPUT, OBJECT, |
| align | top|bottom|left| right | V | T | LEGEND |
| align | left|center|right | V | T | HR, TABLE |
| align | left|center|right| justify | V | T | DIV, 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 | T | APPLET |
| alt | %Text; | O | AREA, IMG | |
| alt | CDATA | V | INPUT | |
| archive | CDATA | V | T | APPLET |
| archive | %URI; | V | OBJECT | |
| axis | CDATA | V | TD, TH | |
| background | %URI; | V | T | BODY |
| bgcolor | %Color; | V | T | BODY, TABLE, TD, TH, TR |
| border | %Length; | V | T | IMG, 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 | CDATA | V | Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE | |
| classid | %URI; | V | OBJECT | |
| clear | left|all|right|none | none | T | BR |
| code | CDATA | V | T | APPLET |
| codebase | %URI; | V | T | APPLET |
| codebase | %URI; | V | OBJECT | |
| codetype | %ContentType; | V | OBJECT | |
| color | %Color; | V | T | BASEFONT, FONT |
| cols | %MultiLengths; | V | F | FRAMESET |
| cols | Number | O | TEXTAREA | |
| colspan | Number | 1 | TD, TH | |
| compact | (compact) | V | T | DIR, DL, MENU, OL, UL |
| content | CDATA | O | 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|rtl | V | Alla förutom: APPLET, BASE, BASEFONT, BR, FRAME, FRAMESET, HR, IFRAME, PARAM, SCRIPT | |
| dir | ltr|rtl | O | BDO | |
| disabled | (disabled> | O | BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA | |
| enctype | %ContentType: | * | FORM * "application/x-www-form-urlencoded" | |
| face | CDATA | V | T | BASEFONT, FONT |
| for | IDREF | V | LABEL | |
| frame | void|above|below| hsides|lhs|rhs| vsides|box|border | V | TABLE | |
| frameborder | 1|0 | 1 | F | FRAME, IFRAME |
| headers | IDREFS | V | TD, TH | |
| height | %Length; | V | T | IFRAME |
| height | %Length; | V | IMG, OBJECT | |
| height | %Length; | O | T | APPLET |
| height | %Pixels, | V | T | TD, TH |
| href | %URI; | V | A, AREA, LINK | |
| href | %URI; | V | T | BASE |
| hreflang | %LanguageCode; | V | A, LINK | |
| hspace | %Pixels; | V | T | APPLET (T), IMG (T), OBJECT (T) |
| http-equiv | NAME | V | META | |
| id | ID | V | 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 | CDATA | V | SCRIPT | |
| link | %Color; | V | T | BODY |
| longdesc | %URI; | V | IMG | |
| longdesc | %URI; | V | F | FRAME, IFRAME |
| marginheight | %Pixels; | V | F | FRAME, IFRAME |
| marginwidth | %Pixels; | V | F | FRAME, IFRAME |
| maxlength | NUMBER | V | INPUT | |
| media | %MediaDesc; | V | LINK, STYLE | |
| method | get|post | get | FORM | |
| multiple | (multiple) | V | SELECT | |
| name | CDATA | V | A, BUTTON, INPUT, MAP, META, OBJECT, PARAM, SELECT, TEXTAREA | |
| name | CDATA | V | T | APPLET |
| name | CDATA | V | F | FRAME, IFRAME |
| nohref | (nohref) | V | AREA | |
| noresize | (noresize) | V | F | FRAME |
| noshade | (noshade) | V | T | HR |
| nowrap | (nowrap) | V | T | TD, TH |
| object | CDATA | V | T | APPLET |
| 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 | F | FRAMESET |
| 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 | T | FRAMESET |
| profile | %URI; | V | HEAD | |
| prompt | %Text; | V | T | ISINDEX |
| readonly | (readonly) | V | INPUT, TEXTAREA | |
| rel | %LinkTypes; | V | A, LINK | |
| rev | %LinkTypes; | V | A, LINK | |
| rows | %MultiLengths | V | F | FRAMESET |
| rows | NUMBER | O | TEXTAREA | |
| rowspan | NUMBER | 1 | TD, TH | |
| rules | none | groups | rows | cols | all | V | TABLE | |
| scheme | CDATA | V | META | |
| scope | row|col|rowgroup|colgroup | V | TD, TH | |
| scrolling | yes|no|auto | auto | F | FRAME, IFRAME |
| selected | (selected) | V | OPTION | |
| shape | rect|circle|poly| default | rect | A, AREA | |
| size | CDATA * | O | T | BASEFONT * skala från 1 till 7 |
| size | CDATA * | V | T | FONT * skala från 1 till 7 och från -2 till +4 |
| size | %Pixels; | V | T | HR |
| size | CDATA | V | INPUT | |
| size | NUMBER | V | SELECT | |
| span | NUMBER | 1 | COL, COLGROUP | |
| src | %URI; | V | INPUT, SCRIPT | |
| src | %URI; | V | F | FRAME, IFRAME |
| src | %URI; | O | IMG | |
| standby | %Text; | V | OBJECT | |
| start | NUMBER | V | T | OL |
| style | %StyleSheet; | V | Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE | |
| summary | %Text; | V | TABLE | |
| tabindex | NUMBER | V | A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA | |
| target | %FrameTarget; | V | T | A, AREA, BASE, FORM, LINK |
| text | %Color; | V | T | BODY |
| title | %Text; | Alla förutom: BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, TITLE | ||
| type | %ContentType; | V | A, LINK, OBJECT, PARAM | |
| type | button|submit| reset | submit | BUTTON | |
| type | %ContentType; | O | SCRIPT, STYLE | |
| type | text | password | checkbox | radio | submit | reset | file | hidden | image | button | text | INPUT | |
| type | disc|square|circle 1|a|A|i|I | V | T | LI |
| type | 1|a|A|i|I | V | T | OL |
| type | disc|square|circle | V | T | UL |
| usemap | %URI; | V | IMG, INPUT, OBJECT | |
| valign | top|middle|bottom| baseline | V | COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR | |
| value | CDATA | V | BUTTON, INPUT, OPTION, PARAM | |
| value | NUMBER | V | T | LI |
| valuetype | data|ref|object | data | PARAM | |
| version | CDATA | * | T | HTML *"-//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 | T | APPLET, IMG, OBJECT |
| width | %Length; | V | T | HR, IFRAME |
| width | %Length; | V | IMG, OBJECT, TABLE | |
| width | %Length; | O | T | APPLET |
| width | %MultiLength; | V | COL, COLGROUP | |
| width | %Pixels; | V | T | TD, TH |
| width | NUMBER | V | T | PRE |