NinetNet HTML HTML Grund

HTML Grund

HTML-kod är uppbyggd av taggar som skrivs mellan < och >.

För det mesta förekommer både en start-tagg och en slut-tagg. En start-tagg kan också innehålla "attribut" som man ger ett "värde".

Läs mer om det på föregående sida.

HTML-stommen

Stommen i ett html-dokument börjar med att man talar om för webbläsaren att dokumentet är skrivet med HTML-kod.

Det görs med start-taggen <html>. Dokumentet avslutas med dess slut-tagg: </html> - vilket betyder att HTML-koden upphör.

Inom HTML-taggarna delar man sedan upp sidan i två delar.

Mellan <head> och </head> skrivs den del som innehåller osynlig information.

Mellan <body> och </body> skrivs det som syns i webbläsaren.

Stommen i alla HTML-dokument ser ut så här:


<html>

<head></head>

<body></body>

</html>

Observera hur taggarna är skrivna. Det är viktigt att de börjar och slutar i rätt ordning! Allt står mellan <html> och </html> men head och body-taggarna bildar två separata delar.

Till Toppen

Head & Body

Head

Head betyder huvud och allt mellan <head> och</head> tillhör sidans "dokumenthuvud". Här placerar man en massa taggar som innehåller osynlig information till webbläsaren, webbservern och till sökmotorer. Det som skrivs här syns inte på själva sidan.

Ett html-dokument får bara innehålla ett "dokumenthuvud" - ingen av ovanstående taggar får förekomma mer än EN gång på varje sida!

Body

Body betyder kropp. Mellan <body> och </body> placeras det som kommer att synas på sidan. Här skrivs alla taggar som strukturerar sidas innehåll in.

Ett html-dokument får bara innehålla en "kropp" - ingen av ovanstående taggar får förekomma mer än EN gång på varje sida!

Till Toppen

Titel & Innehåll

Title

I dokumenthuvudet placeras taggen som ger sidan dess titel / namn - vilket inte är samma sak som det filnamn man väljer när man sparar sidan.

Titeln skrivs mellan <title> och </title> och kommer att visas i namn-listen längst upp i webbläsaren. Titeln syns också om sidan sparas som favorit eller bokmärke. Om någon sökmotor hittar din sida blir titeln sidans "rubrik".

Ett html-dokument ska naturligtvis bara ha en titel - ingen av ovanstående taggar får förekomma mer än EN gång på varje sida!

Eftersom titeln ska skrivas in i dokumenthuvudet ska den in mellan <head> och</head> - ingenting annat!

Så här:


<html>

<head>

<title>SIDANS TITEL</title>

</head>

<body></body>

</html>

Innehåll

En sidas innehåll varierar så klart - men den består av: Rubriker, text, bilder, länkar, listor, tabeller och sånt.

HTML-kod är ju uppbyggd av taggar och alla taggar som strukturerar sidans innehåll skrivs in mellan <body> och</body>. Allt som du ser på den här sidan är skrivet mellan "bodyns" start och slut-tagg!

Det är viktigt att man använder HTML's korrekta taggar för att strukturera innehållet på sidan och märker upp texten på ett logiskt sätt. Rubriker mellan rubrik-taggar, text-stycken mellan <p> och </p> o.s.v.

Hur det går till att skriva in själva innehållet får du läsa vidare om i HTML-guiden. Men så här kan det se ut om innehållet är en rubrik och lite text:


 <html>

 <head>

<title>SIDANS TITEL</title>

</head>

 <body>

<h1>Rubrik</h1>

<p>Hejsan svejsan!</p>

</body>

 </html>

Till Toppen

Avslutningsvis...

Överst i ett html-dokument ska det alltid infogas en s.k. DOCTYPE som upplyser webbläsaren om vilken standard sidan är kodad med.

Så kan det se ut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SIDANS TITEL</title>
</head>
<body>
<h1>Rubrik</h1>
<p>Hejsan svejsan!</p>
</body>
</html>

Ovan presenteras alltså koden till enklast möjliga HTML-dokument.

Under rubriken HTML & CSS / Skapa en första sida finns en beskrivet hur det ska se ut för att vara mer komplett - hur man skapar en bra grund att utgå ifrån innan man sätter igång med att skriva in sidans innehåll.

Har du inte läst den än - så gör det! Man sparar mycket tid genom att göra rätt från början!

Till Toppen

Kodens uppbyggnad

Meta-taggar II