Frenetic - Introduktion till HTML

HTML - En introduktion

Kanske har du någon gång kikat igenom en hemsidas HTML-kod (som du gör genom menyn View -> Source). I början ser det ut som rena grekiskan, det vet jag av egen erfarenhet, men börjar man från början lär man sig snart. Nedan ser du hur det minimala HTML-dokumentet ser ut. Förklaringen på vad som händer följer lite längre ned:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> Testdokument </title>
</head>
<body>
</body>
</html>

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> - Detta är det första som alltid ska komma upp i ett HTML-dokument. Det anger för internetläsaren vilken version av HTML-kod som används. Detta är lite svårt att komma ihåg, använd dig med fördel av Kopiera/Klistra in-metoden.

<html> - Visar för internetläsaren att detta är ett HTML-dokument och inget annat. Som du kanske ser så är alla koder inom vinkelparanteser (< och >). Det spelar ingen roll om man skriver med stora eller små bokstäver inom vinkelparanteserna så länge du skriver vanlig HTML, däremot måste man i de nyare standarderna (bland annat XML och XHTML) skriva taggar i små bokstäver, så det är bra om du börjar med det redan från början, så blir det inte konstigt att gå vidare till högre nivåer.

<head> - Ett HTML-dokument är indelat i två delar, ett huvud (head) och en kropp (body). I huvudet fylls på med saker som inte kommer att visas i dokumentet direkt, utan kan till exempel vara META-taggar, stilmallar osv, men mer om detta senare.

<title> - I "title" skriver du vad sidan ska heta. Det kommer att synas i namnlisten på Internetbrowsern. I detta fall skulle det alltså stå Testdokument.

</title> - Betyder att man "stänger" titelkommandot. Detta förklarar att titeln är slut. Om du inte skriver med detta skrivs hela dokumentet i titelraden, eftersom browsern inte förstår när den ska sluta skriva där. Man avslutar alltid en "HTML-tag" med </ >. Det enda kommandon som inte kräver detta är <br>. Tänk på att det inte får vara några mellanslag mellan tecknena här.

</head> - Samma sak här, vi avslutar "head"-kommandot.

<body> - "body" är andra delen av dokumentet. Allt som skrivs här kommer att synas i den stora ytan av Internetläsaren. I "body" defineras också färger som skall användas och bakgrundsbild, men mer om detta senare.

</body> - Här avslutas "body".

</html> - Detta beskriver att html-dokumentet är slut.

Nu har du skapat ditt första HTML-dokument! Det ser trist ut, men så här börjar alla sidor. Titta vidare för att se hur du utökar sidan!