From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/sv-se/web/html/index.html | 110 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 files/sv-se/web/html/index.html (limited to 'files/sv-se/web/html/index.html') diff --git a/files/sv-se/web/html/index.html b/files/sv-se/web/html/index.html new file mode 100644 index 0000000000..2b16e39a60 --- /dev/null +++ b/files/sv-se/web/html/index.html @@ -0,0 +1,110 @@ +--- +title: HTML +slug: Web/HTML +tags: + - HTML-handledning + - HTML-lektion + - HTML-programmering + - HTML5 + - Hyper text + - Hypertext + - Lär dig + - Referens + - Referenser + - Vad är HTML + - Webb + - 'i10n:prioritet' +translation_of: Web/HTML +--- +
{{HTMLSidebar}}
+ +

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.

+ +

Artiklarna nedan hjälper dig att lära dig mer om 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...
-- cgit v1.2.3-54-g00ecf