HTML © Eva von Pepel
<Dokumenttyp-deklaration>
<HTML>
<HEAD>
HEAD-elementen
</HEAD>
<BODY>
BODY-elementen
</BODY>
</HTML>
|
HTML-dokument är innehåll av ett enda element - elementet HTML som följer Dokumenttyp-deklarationen. Elementet HTML är förälder till två andra element: HEAD som skapar dokumentets huvud och BODY (eller FRAMESET (F)) som skapar dokumentets kropp. Det får endast finnas ett HEAD eller ett BODY per dokument.
Det enda tillåtna innehåll mellan sektionerna är mellanslagg, tabbar, tomma rader och kommentarer. Text, eller andra markord är ej tillåtna.
Dokumenttyp-deklaration för HTML 4.0 är:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
Dokumenttyp-deklaration för HTML 4.0 Transitional är:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
Dokumenttyp-deklaration för HTML 4.0 Frameset är:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
Adressen (URI) till DTD:n (t ex "http://www.w3.org/TR/REC-html40/strict.dtd") kan uteslutas med om används kan då www-klienter ladda ner den specificerade DTD:n tillsammans med de entities som behövs.
Dokumentets huvud (elementen HEAD) är förälder till andra element som kallas HEAD elementen, t ex TITLE och innehåller information om själva dokumentet, t ex dess titel eller författare samt är osynligt på skärmen medan dokumentets kropp (elementet BODY) är förälder till BODY elementen, t ex TABLE, som skapar dokumentets riktiga innehåll och är synligt på skärmen. Observera skillnaden mellan HEAD/BODY elementen och elementet HEAD/BODY.
Markeras: <HTML></HTML> - båda valfria
Får innehålla: HEAD som efterföljs av BODY eller HEAD som efterföljs av FRAMESET
Får finnas i: Inget - rotelement
Detta element (tillsammans med Dokumenttyp-deklarationen) skapar HTML-dokument. Varje HTML-dokument måste innehålla ett och endast ett element HTML . Om du inkluderar ett annat dokument i det befintliga, t ex via Server Side Includes, kan inte det infogade dokumentet innehålla elementet HTML (inte heller HEAD och BODY).
Elementet talar om att det befintliga dokument är ett HTML-dokument. Början på elementet markeras med starttaggen <HTML> och slut med sluttaggen </HTML>. Båda taggar är valfria. Observera att uteslutna taggar betyder inte att elementet är ej närvarande. Om starttaggen <HTML> saknas kommer elementet HEAD (markeras med <HEAD>) eller om denna tagg saknas det första av HEAD elementen, t ex TITLE (markeras med <TITLE>) som är obligatoriskt, "markera" början på elementet HTML. Om sluttaggen </HTML> saknas kommer elementet BODY eller det sista BODY elementet markera slut på elementet HTML och därmed slut på själva dokumentet.
Elementet får enbart innehålla elementen HEAD som följs av BODY (eller FRAMESET).
Elementet börjar ett HTML-dokument. Starttagen skrivs som den första tagg i dokumentet - direkt efter den optionella HTTP-headern och obligatoriska dokumenttyp-deklarationen. Tomma rader, mellanslag, tabbar eller kommentarer får förekomma mellan deklarationen och starttaggen. Sluttagen måste vara det sista som överhuvudtaget skrivs i dokumentet. Det får inte finnas något efter </HTML>.
| HTML 4.0 | HTML 4.0 Transitional | HTML 3.2 |
|---|---|---|
| LANG, DIR | LANG, DIR, VERSION | VERSION |
Med dessa attribut kan du specificera dokumentets språk och språkets riktning. Attributen kan överskridas genom att tilldella samma attribut men annat värde till element som använder annorlunda språk eller riktning.
Val av språk kan underlätta för www-klienter elementets presentation, t ex typografiska tecken specifika för ett språk, vara mycket användbart för sökmotorer eller taldatorer. 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 (<P LANG=sv>). Hela listan med språkkoder finns i ISO 639 som kan hittas på http://www.oasis-open.org/cover/iso639a.html.
DIR kan användas tillsammans med LANG för att specificera textens riktning. Attributet kan ta två värden:
RTL (right to left) höger till vänster eller
LTR (left to right) vänster till höger.
Om inget attribut uppges gäller standardvärdet LTR. Detta attribut är användbart om texten innehåller t ex hebreiska ord som skrivs åt "fel håll".
Nedskrivet attribut. Attributet används för att specificera viken version av språket användes för att strukturera dokumentet. VERSION nedskrevs därför att denna information finns i dokumenttyp deklarationen vars närvaro är obligatorisk.
<HTML LANG=he DIR=rtl>
Markeras: <HEAD></HEAD> - båda valfria
Får innehålla: TITLE (obligatoriskt), BASE, ISINDEX (T), META, LINK, SCRIPT, STYLE och även OBJECT
Får finnas i: HTML
Varje HTML-dokument måste innehålla ett och endast ett element HEAD. Om du inkluderar ett annat dokument i det befintliga, t ex via Server Side Includes, kan inte det infogade dokumentet innehålla elementet HEAD (inte heller HTML och BODY).
Elementet innehåller information om själva dokumentet och är osynlig på skärmen. Början på dokumentets huvud markeras med starttaggen <HEAD> och slut med sluttaggen </HEAD>. Båda taggar är valfria. Observera att uteslutna taggar betyder inte att elementet är ej närvarande. Om starttaggen <HEAD> saknas kommer det första av HEAD elementen, t ex TITLE (marekras <TITLE>) som är obligatoriskt, markera början på elementet HEAD. Om sluttaggen </HEAD> saknas kommer elementet BODY eller det första BODY elementet markera slut på elementet HEAD.
Blanda inte ihop elementet HEAD och HEAD-elementen. Elementet HEAD är det innehåll som finns mellan <HEAD> och </HEAD>. Detta innehåll består av andra element, element som bibehålls av / är barn till elementet HEAD. HEAD-elementen är de element som förekommer i elementet HEAD.
| HTML 4.0 | HTML 4.0 Transitional | HTML 3.2 |
|---|---|---|
| LANG, DIR (%i18n;), PROFILE | LANG, DIR (%i18n;), PROFILE | Inga |
Detta attribut introducerades i HTML 4.0 och än så länge är inte "färdigt utvecklat".
Attributets värden är en URI som hänvisar till en fil innehållande METADATA profil som kan användas av elementen META och LINK.
Filen kan innehålla information som hjälper sökmotorer att indexera dokumentet (se META) eller definitioner avsedda för www-klienten beträffande olika aktiviteter, t ex om användningen av profilen tillåts eller inte (se LINK).
Då PROFILE är elementets HEAD attribut gäller samma profil för alla META och LINK element.
<HEAD PROFILE="http://www.eva.se/profil">
Markeras: <BODY></BODY> - båda valfria
Får innehålla: blockelement, inlineelement, INS, DEL
Får finnas i: HTML och NOFRAMES (endast HTML FRAMESET)
Detta element följer dokumentets huvud, dvs elementet HEAD, som första element som skrivs efter </HEAD> och skapar dokumentets synliga innehåll på skärmen. Det får finnas bara ett element BODY per dokument. Om du inkluderar ett annat dokument i det befintliga, t ex via Server Side Includes, kan inte det infogade dokumentet innehålla elementet BODY (inte heller HTML och HEAD).
Om FRAMESET följer dokumentets huvud kan BODY förekomma i elementet NOFRAMES, dvs i det alternativa till frames innehållet. Detta är endast tillåtet i HTML 4.0 FRAMESET.
Början på elementet markeras med starttagen <BODY> (som skrivs direkt efter </HEAD>) och slut med </BODY> (som skrivs direkt före </HTML>). Båda av dessa taggar är valfria. Observera att även om taggarna utesluts är elementet närvarande i dokumentet. Om starttagen utesluts kommer det första BODY-elementet "markera" elementets början, t ex <H1> eller <DIV>. Om sluttaggen utesluts kommer </HTML>, som är det enda tillåtna efter BODY "markera" elementets slut eller om även den taggen utesluts kommer det sluttaggen av de sista BODY-elementet, t ex </DIV> göra det.
Blanda inte ihop elementet BODY och BODY-elementen. Elementet BODY är det innehåll som finns mellan <BODY> och </BODY>. Detta innehåll består av andra element, element som bibehålls av / är barn till elementet BODY. BODY-elementen är de element som förekommer i elementet BODY.
BODY-elementen äver alla attribut tilldelade elementet BODY. Mao attributen tilldelade BODY gäller hela dokumentet.
| HTML 4.0 | HTML 4.0 Transitional | HTML 3.2 |
|---|---|---|
| Alla attribut som beskrivs i %attrs; och onload, onunload |
Alla attribut som beskrivs i %attrs; och onload, onunload, BACKGROUND, BGCOLOR, TEXT, LINK, VLINK, ALINK |
BACKGROUND, BGCOLOR, TEXT, LINK, VLINK, ALINK |
BODY-elementen äver alla attribut tilldelade elementet BODY. Mao attributen tilldelade BODY gäller hela dokumentet.
Nedskrivet attribut. Bakgrundsbild. Värdet är en URL som hänvisar till bildfilen. Bilden bör vara så liten som möjligt i kB räknad. Ju större bild desto längre laddningstid.
Nedskrivet attribut. Bakgrundsfärg. Om bakgrundsbilden och -färgen specificeras samtidigt visas bakgrundsfärgen under tiden då bilden laddas. Attributets värde är färgens RGB-nummer. RGB står för "red" - röd, "blue" - blå och "green" - grön. Du kan även skriva färgens engelska namn på de 16 vanligaste färgerna:
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
Observera stegen # förre rgb-värdet samt citationstecken. Dessa värden måste citeras.
De flesta grafikprogram visar färgens RGB-värde. Det finns också en mängd olika små och praktiska applikationer där du kan blanda dina egna färger och samtidigt avläsa deras RGB-värde. Ett sådant program på bara 14 kB och dessutom freeware heter Color Browser och kan hämtas på http://maximized.com/freeware/clrbrwsr/ eller välj din färg från denna färgkarta.
När du anger egna färger glöm inte att behålla kontrasten mellan bakgrundsfärgen och texten, annars kan texten vara oläslig. Observera att 30% av den manliga befolkningen lär vara färgblinda och har svårt att åskilja visa färger.
För att inte få en del fäger överskidna av användaren som i sin tur kan orsaka att dokumenten blir oläsliga bör alla BODY-attribut specificeras eller inga.
Nedskrivet attribut. Textens (föregrundens) färg. Tar samma värde som BGCOLOR. Färgen kan överskrivas genom elementet FONT.
Nedskrivet attribut. Länkarnas färg. Tar samma värde som BGCOLOR.
Nedskrivet attribut. Aktiva länkarnas färg. En länk är aktiv under den korta studen då man klickar på den. Tar samma värde som BGCOLOR.
Nedskrivet attribut. Besökta länkarnas färg. Tar samma värde som BGCOLOR.
Detta attribut är en s.k. inre händelse. Något sker efter det att www-klienten har laddat dokumentet. Vad som sker specificeras i skriptet, t ex JavaScript, som är attributets värde.
Detta attribut är en s.k. inre händelse. Något sker efter det att www-klienten har borttagit dokumentet. Vad som sker specificeras i skriptet, t ex JavaScript, som är attributets värde.
<BODY background="bild.gif" bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#800080">
I HTML 4.0 specificeras alla BODY-attribut via stilmallar, t ex
BODY {background: white url(bakgrundsbild.gif); color: black}
A:link {background: transparent; color: red}
A:visited {background: transparent; color: blue}
A:active {background: transparent; color: green}