HTML (HyperText Markup Language) är webbens mest grundläggande byggsten. HTML beskriver och definierar strukturen på en webbsida. Andra tekniker utöver HTML används vanligen för att beskriva en webbsidas utseende (CSS) eller funktionalitet/beteende (JavaScript).

"HyperText" refererar till länkar som binder samman webbsidor med varandra, antingen inom en enskild webbsajt eller mellan olika webbsajter. Länkar är en grundläggande aspekt av webben. Genom att ladda upp innehåll på internet och länka det till sidor som skapats av andra människor blir du en aktiv deltagare i World Wide Web.

HTML använder sig av "uppmärkning" vid annotering av text, bilder och annat innehåll för visning i en webbläsare. HTML märkspråk inkluderar speciella "element" såsom {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, och många andra.

Taggar i HTML är inte skiftlägeskänsliga. De kan alltså skrivas med stora bokstäver, små bokstäver eller blandat. Exempelvis kan taggen <title> skrivas som <Title>,<TiTlE>eller på vilket annat sätt som helst.

HTML-introduktion
Om du är ny inom webbutveckling, se till att läsa vår artikel Grunderna i HTML för att lära dig vad HTML är och hur du använder det.
HTML-handledning
För artiklar om hur du använder HTML, handledning/tutorials och fullständiga exempel, kolla in vår HTML Learning Area.
HTML-referenser
I vår omfattande HTML-referenser-sektion hittar du detaljerad information om alla element och attribut i HTML.

Nybörjarhandledning

Vår HTML Learning Area innehåller ett flertal moduler som lär ut HTML från grunden — inga förkunskaper krävs.

Introduktion till HTML: Denna modul lägger grunden, och introducerar viktiga koncept och syntax, såsom att applicera HTML till text, skapa hyperlänkar och att använda HTML för att strukturera en webbsida.
Multimedia och inbäddning: Denna modul utforskar hur du kan använda HTML för att inkludera multimedia i dina webbsidor, och även de olika sätt som bilder kan inkluderas, samt hur du bäddar in video, ljud, och även kompletta andra hemsidor.
HTML-tabeller: Att representera tabelldata på en webbsida på ett förståeligt och tillgängligt sätt kan vara en utmaning. Denna modul innefattar grundläggande tabell-uppmärkning, såväl som mer komplexa funktioner såsom tillämpning av tabellrubriker och sammanfattningar.
HTML-formulär: Formulär är en väldigt viktig del av webben — de bidrar med mycket av den funktionaliteten som du behöver för att kunna interagera med webbsajter, t.ex. registrering och inloggning, skicka feedback, köpa produkter och mycket mer. Med denna modul kan du komma igång med att skapa de delar av formulär som hör till klient-sidan/front-end.
Använda HTML för att lösa vanliga problem: Erbjuder länkar till sektioner av innehåll som förklarar hur man använder HTML för att lösa mycket vanliga problem som uppstår när man skapar en webbsida: hantera titlar, lägga till bilder eller videos, betona innehåll, skapa ett enkelt formulär, etc.

Avancerade ämnen

CORS enabled image: Attributet crossorigin, kombinerat med en lämplig CORS -rubrik tillåter bilder definierade av elementet {{HTMLElement("img")}} att laddas upp från främmande källor och användas i ett {{HTMLElement("canvas")}} element som att de vore hämtade från den egna källan.
CORS attributinställningar: Visssa HTML-element som stödjer CORS, såsom {{HTMLElement("img")}} eller {{HTMLElement("video")}}, har ett crossorigin attribut (crossOrigin egendom), som låter dig konfigurera CORS-begäran för elementets hämtade data.
Fokushantering i HTML: activeElement DOM-attributet och hasFocus() DOM-metoden hjälper dig att spåra och kontrollera en användares interagerande med element på en webbsida.
Använda application-cachen: Applikations-caching låter webb-baserade applikationer köras offline. Du kan använda Application Cache (AppCache)-gränssnittet för att specificiera resurser som webbläsaren ska cachea och göras tillgängliga för offlineanvändare. Cacheade applikationer laddas och fungerar som de ska även om användare laddar om sidan när de är offline.
För-uppladda innehåll med rel="preload": preload värdet för {{htmlelement("link")}} elementets {{htmlattrxref("rel", "link")}} attribut, låter dig skriva deklarativa fetch-begäranden i ditt HTML {{htmlelement("head")}}, som specificierar resurser som dina sidor kommer behöva väldigt snart efter att de laddats, vilka du därför vill börja föruppladda tidigt i livscykeln i en sidladdning, innan webbläsarens huvudmaskineri går igång. Detta säkrar att resurserna är tillgängliggjorda tidigare och då är mindre troliga att blockera sidans första laddning, vilket ger en prestandaförbättring. Denna artikel ger en grundläggande guide till hur preload fungerar.

Referenser

HTML-referenser: HTML består av element, som vart och ett kan modifieras med ett visst antal attribut. HTML-dokument är sammanbundna med varandra med hjälp av länkar.
HTML-elementreferenser: Bläddra igenom en lista på alla HTML-element.
HTML-attributreferenser: Element i HTML har olika attribut. Dessa är kompletterande värden som konfigurerar elementen eller justerar deras beteenden på olika sätt.
Globala attribut: Globala attribut kan specifieras för alla HTML element, även de som inte är specifierade i standarden. Detta betyder att alla icke-standardelement ändå måste tillåta dessa attribut, även om de gör dokumentet icke-kompatibelt med HTML5.
Inline-element och block-level-element: HTML-element är vanligtvis "textnivå"- ("inline") eller "blocknivå"-element ("block level"). Ett textnivåelement tar inte upp mer plats än vad som ryms mellan de taggar som definierar det. Ett blocknivåelement tar upp hela sitt föräldraelements (containers) yta, och skapar på så sätt ett "block".
Länktyper: I HTML kan flera länktyper användas för att etablera och definiera förhållandet mellan två dokument. Länkelement som länktyper kan användas på inkluderar <a>, <area>, och <link>.
Mediaformat som stöds av HTML-audio- och videoelement: Elementen <audio> och <video> låter dig spela upp ljud och video. Dessa element erbjuder ett webbläsarnativt alternativ till liknande funktioner i Adobe Flash och andra plug-ins.
Olika typer av HTML-innehåll (Avancerat): HTML består av flera typer av innehåll, som vart och ett är tillåtet att använda i viss kontext och förbjudet i andra. På samma sätt har alla dessa typer varsin uppsättning av andra innehållskategorier som de kan innehålla och element som kan eller inte kan användas i dem. Detta är en guide till dessa kategorier.

Relaterade ämnen

Applicera färg på HTML-element med CSS: Denna artikel tar upp de flesta sätt som du kan använda CSS för att addera färg till HTML-innehåll. Den listar vilka delar av HTML-dokument som kan färgas och vilka CSS-egenskaper som används då. Den inkluderar exempel, länkar till palettbyggarverktyg, m.m.

View All...