HTML skola
HTML introduktion

HTML introduktion

Ett HTML dokument är egentligen en vanlig textfil som har filtillägget .htm eller .html och kan skapas i en vanlig texteditor som exempelvis anteckningar i Windows.

HTML är en förkortning av ”Hyper Text Markup Language”.

Htmlfilen innehåller förutom texten som skrivs ut på sidan ett antal element som berättar för webbläsaren om texten ska visas som vanlig brödtext, rubriker, länkar eller listor. Texten kan även kompletteras med tabeller, bilder och formulär etc.

Alla element börjar med en starttag: <taggnamn> och de flesta element måste även avslutas med en sluttagg </taggnamn>. Innehållet mellan taggarna visas olika beroende på vilket element det är.

HTML:

<html>
<head>
   <title>Min hemsida</title>
</head>
<body>
   <h1>Välkommen till min hemsida!</h1>
   <p>Det här är min hemsida.
   <br />
   <b>Denna text är i fetstil</b>
   <br />
   <a href="index.htm">Detta är en länk</a>
   </p>
</body>
</html>

Klicka här för att se på exemplet ovan.

En HTML fil kan både använda filtillägget .htm eller .html. Vilket ska man då välja? Vår rekommendation är att alltid använda .htm eftersom många gamla program enbart kan läsa filtillägg med tre bokstäver.

Förklaring

Det översta elementet på sidan är <html>. Denna tagg talar om för webläsaren att det är här som HTML dokumentet börjar. Den sista taggen är </html> och den talar om för webbläsaren att HTML dokumentet slutar.

Texten mellan startaggen <head> och sluttaggen </head> skrivs inte ut i webbläsarfönstret utan är information om HTML dokumentet.

Texten mellan taggarna <title> och </title> är sidans titel. Det är detta som står längst upp i webbläsarfönstret när man tittar på en sida.

Texten mellan <body> taggarna är det som visas i webbläsaren.

Elementet <p> står för ”paragraf” och används ofta till att visa vanlig brödtext. <b> gör att texten visas i fetstil och elementet <a> markerar att innehållet mellan taggarna är en länk.

Ett annat exempel på detta är källkoden till denna sida som visas genom att gå till ”Visa” i webbläsarens huvudmeny och sedan välja ”Källa” eller ”Källkod”.

Många webbsidor har filtillägget .php eller .asp. Det betyder att filen är ett php eller asp dokument. Detta är scriptspråk för att göra dynamiska och interaktiva webbsidor. Läs mer om php här.

| Mer