HTML-kod för sidhuvud och sidfot

DOCTYPE-deklarationen (DTD, DocType Declaration)

Först i dokumentet ska doctype-deklarationen stå. Det finns flera, och vilken du väljer beror på vilken version av HTML du vill skriva (om du vill hitta på din egen version av HTML och skriva din egen DTD så går det faktiskt också bra, men det ligger en bra bit utanför ramarna för den här kursen). Jag föreslår att du väljer antingen HTML 4.0 Strict, och om du inte lyckas riktigt med den så kan du byta mot HTML 4.0 Transitional i stället (den tillåter mycket mer dumheter).

Här är doctype-deklarationerna för HTML 4.0 Strict och Transitional:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

HEAD-elementet

Efter doctype-deklarationen kommer HEAD-elementet. Här ska man sätta in dokumentets titel i TITLE-elementet. Det är också här man lägger sådana saker som formatmallar, meta-taggar (där man kan lägga in speciella sökord som kan användas av sökmotorer), javascript mm. Mer om det när vi kommer längre fram i kursen.

Exempel (från min hemsida):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<head>
  <TITLE>Veronica Karlsson's Homepage</TITLE>
  <META name="description" content="An ascii art chat room, a cat chat room,
  Java games, info about ascii art, cats and html, among other things, can be
  found on this site.">
  <META name="keywords" content="pictures, images, graphics, clip art,
  clipart, ascii art, ascii pictures, ascii images, typewriter art, gif
  animations, animated gifs, java games, cat chat, ascii art chat, chat rooms">
<base target="_top">
<LINK REL="StyleSheet" href="/~vk/ram/1style.css" type="text/css">
</head>

BODY-elementet

Efter <HEAD> kommer <BODY>, och det är i det man lägger hela innehållet i dokumentet.