Vad är HTML? En enkel guide till webbens märkspråk

HTML står för HyperText Markup Language. Det är ett märkspråk för hypertext och utgör tillsammans med TCP/IP och HTTP grunden för webben: webbsidor skrivs i regel i HTML och överförs över internet med HTTP. HTML är alltså inte ett programmeringsspråk, utan ett sätt att märka upp ett dokuments struktur: rubriker, stycken, länkar, bilder och listor.

Taggar, element och attribut

Tagg: börjar med < följt av taggnamnet och slutar med >, till exempel <p>. Många element stängs med en sluttagg, som </p>.
Element: starttagg, innehåll och sluttagg tillsammans, till exempel <p>Text</p>. Element utan sluttagg, som <br> och <img>, kallas tomma element.
Attribut: extra information i starttaggen, till exempel href i en länk eller alt i en bild.

Ett enkelt HTML-dokument

Högst upp anger man dokumenttypen. Saknas den, eller är den gammal, går webbläsaren in i så kallat quirks mode och renderar sidan bakåtkompatibelt.

<!DOCTYPE html>
<html lang="sv">
  <head>
    <meta charset="UTF-8">
    <title>Min första sida</title>
  </head>
  <body>
    <h1>Hej världen!</h1>
    <p>Det här är ett stycke med en <a href="https://kristofferlidman.se/">länk</a>.</p>
  </body>
</html>

Vanliga element

<h1>–<h6> – rubriker
<p> – stycke
<a> – länk
<img> – bild
<ul>, <ol> och <li> – listor
<table>, <tr> och <td> – tabeller
<div> och <span> – element utan egen betydelse, ofta för CSS

HTML, CSS och JavaScript

HTML beskriver struktur och innehåll. Hur sidan ser ut styrs med stilmallar (CSS), och interaktivitet läggs till med JavaScript. Att hålla isär struktur och presentation är i dag god praxis. Läs mer i vår introduktion till HTML, CSS och JavaScript.

Kort historik

HTML och webben slog igenom hos allmänheten i mitten av 1990-talet, via Tim Berners-Lees World Wide Web.
HTML 4 fastställdes av W3C 1997 och version 4.01 kom 1999.
Arbetet med HTML5 inleddes 2004 av WHATWG, en grupp med koppling främst till Apple, Mozilla och Opera.
HTML5 blev W3C-standard den 28 oktober 2014, och HTML 5.2 blev W3C-rekommendation i december 2017.
I dag utvecklas HTML som en levande standard, HTML Living Standard, hos WHATWG.

Nästa steg

När du kan grunderna är det dags att skapa en hemsida.