LÄR DIG HTML

Element och taggar i HTML - byggstenarna till din hemsida

HTML-element beskriver sidans struktur. Taggarna är markeringarna du skriver i källkoden, exempelvis <p> och </p>.

Element och tagg är olika begrepp

Ett styckeelement består normalt av en starttagg, ett textinnehåll och en sluttagg. Tomma element som img har ingen sluttagg.

<p>Det här är ett stycke.</p>
<img src="bild.jpg" alt="En beskrivning av bilden">

Vanliga element

  • html: dokumentets rotelement.
  • head: metadata, inte sidans synliga innehåll.
  • title: dokumentets titel.
  • body: sidans innehåll.
  • header: inledande innehåll, exempelvis en sidrubrik och navigation.
  • h1 till h6: rubriknivåer.
  • p: ett textstycke.
  • img: en bild med en textmotsvarighet via alt.
  • button: en knapp.

Ett komplett dokument

<!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>

Struktur och utseende

Välj element efter deras betydelse och använd CSS-egenskaper för utseendet. HTML-taggnamn är inte skiftlägeskänsliga i HTML-syntax, men små bokstäver är vanlig stil. Stöd för nya funktioner kan variera mellan webbläsare.