Introduktion till HTML

HTML (HyperText Markup Language) är ett märkspråk som beskriver innehåll och struktur på webbsidor. CSS styr presentation och JavaScript kan lägga till interaktivitet.

Skapa din första HTML-fil

Öppna en textredigerare, skriv följande och spara filen som helloworld.html med UTF-8-kodning:

<!doctype html>
<html lang="sv">
<head>
  <meta charset="utf-8">
  <title>Min första sida</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>Välkommen till min hemsida.</p>
</body>
</html>

Öppna filen i webbläsaren. Rubriken och stycket visas på sidan. Titeln syns i webbläsarfliken.

Hur är dokumentet uppbyggt?

<!doctype html> anger dokumenttypen.
html är dokumentets rotelement och lang="sv" anger språk.
head innehåller metadata, exempelvis teckenkodning och titel.
body innehåller sidans innehåll.

header är ett annat element: det beskriver inledande innehåll i sidan eller ett avsnitt och ersätter inte head.

Taggar och element

De flesta element har en starttagg, ett innehåll och en sluttagg, exempelvis <p>Hej</p>. Tomma element som img och meta saknar sluttagg.

Du kan skapa HTML på olika operativsystem. Stöd för enskilda funktioner kan däremot skilja mellan webbläsare. En lokal fil publiceras inte automatiskt på internet.