HTML-sida, minimalt exempel

En HTML-sida består av ofta av en väldig massa HTML-taggar. Här följer ett exempel på skelettet kan man säga, det som i princip måste vara med.

<!DOCTYPE html>
<html>
    <head>
        <title>En Titel</title>
    </head>
    <body>
        <div>Text på hemsidan</div>
    </body>
</html>

<!DOCTYPE html> – Berättar för webbläsaren att den kan förvänta sig HTML-kod. Detta kommer alltid först.

<html> – Startar HTML-dokumentet.

<head> – Startar dokumentets huvud. Inom <head></head> lägger man till olika resurser (länk till javascript eller css-filer t.ex) och olika typer av beskrivningar hur sidan ska fungera. Detta innehåll syns inte på själva hemsidan.

<titel>En Titel</title> – Berättar för webbläsaren vilken titel som sidan ska ha. Det är den som syns i webbläsarens flik (inte på själva sidan alltså).

</head> – Avslutar dokumentets huvud.

<body> – Startar dokumentets kropp. Här börjar det synliga innehållet.

<div>Text på hemsidan</div> – Lägger ut ett block med text som syns på hemsidan. Det synliga innehållet blir: Text på hemsidan.

</body> – Avslutar dokumentets kropp.

</html> – Avslutar hela HTML-dokumentet.

För att prova – Skapa ett dokument på din dator och kalla det test.html. Klistra in HTML-koden ovan och spara. Högerklicka på filen och välja att öppna den i din webbläsare.

Din nya fil kan vara bra att ha när du vill prova fler exempel med senare.