HTML-grunder - Versionshistorik

PGJ den 6 augusti 2024 kl. 13.58

2024-08-06T13:58:59Z

← Äldre version		Versionen från 6 augusti 2024 kl. 13.58
Rad 3:		Rad 3:
	Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – exempel på sådana verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.		Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – exempel på sådana verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.
	== Vad betyder HTML? ==		== Vad betyder HTML? ==
	[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad ~~det~~ handlar om...		[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad de handlar om.

	=== Language ===		=== Language ===
	~~Ifrån~~ ”Language” kan vi förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden en väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur ~~datorn~~ kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som ~~datorn~~ kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda oss av de fåtal ord som ~~datorn~~ förstår och vi måste använda dem på ett vis som ~~datorn~~ klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare...		”Language” gör att vi kan förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden en väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur webbklienter, oftast webbläsare, kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som webbläsaren kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda oss av de fåtal ord som webbläsaren förstår och vi måste använda dem på ett vis som klienten klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare.

	=== Markup ===		=== Markup ===
	Vad betyder då resten av förkortningen? ”Markup” kommer från att vi markerar information i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Markeringarna är instruktioner till de [[webbklient]]er~~, oftast webbläsare,~~ som ska tolka och visa upp sidan. För att åstadkomma dessa markeringar använder vi oss av [[HTML]]-[[tagg]]ar.		Vad betyder då resten av förkortningen? ”Markup” kommer från att vi markerar information i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Markeringarna är instruktioner till de [[webbklient]]er som ska tolka och visa upp sidan. För att åstadkomma dessa markeringar använder vi oss av [[HTML]]-[[tagg]]ar.

	[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig innanför dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.		[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig innanför dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.

	<div class="well ~~well-meadow~~">		<div class="well">
	[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är tillgängliga i [[HTML5]].		[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är tillgängliga i [[HTML5]].
	</div>		</div>

	=== HyperText ===		=== HyperText ===
	Sen har vi då det sista, mer kryptiska ordet i förkortningen ~~[[HTML]]~~ – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text som kan länkas, så stämmer det inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som används i alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller någon typ av media som ska visas upp.		Sen har vi då det sista, mer kryptiska ordet i förkortningen – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text som kan länkas, så stämmer det inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som används i alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller någon annan typ av media som ska visas upp.

	I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .		I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .

	== Vad används [[HTML]] till? ==		== Vad används [[HTML]] till? ==
	[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till ~~andra dokument och~~ annat innehåll. Inom datavärlden brukar vi kalla detta för ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.		[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till annat innehåll. Inom datavärlden brukar vi kalla detta för ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.

	Den version av [[HTML]] som vi kommer att lära oss här på Webbling är [[HTML5]]. Vilket är, i skrivandes stund, den senaste [[HTML]]-versionen.		Den version av [[HTML]] som vi kommer att lära oss här på Webbling är [[HTML5]]. Vilket är, i skrivandes stund, den senaste [[HTML]]-versionen.

PGJ: /* Vad används HTML till? */

2020-06-20T12:33:51Z

Vad används HTML till?

← Äldre version		Versionen från 20 juni 2020 kl. 12.33
Rad 23:		Rad 23:

	== Vad används [[HTML]] till? ==		== Vad används [[HTML]] till? ==
	[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till andra dokument och annat innehåll. ~~Det är vad som vi inom~~ datavärlden brukar kalla ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.		[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till andra dokument och annat innehåll. Inom datavärlden brukar vi kalla detta för ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.

	Den version av [[HTML]] som vi kommer att lära oss här på Webbling är [[HTML5]]. Vilket är ~~den~~, i skrivandes stund, senaste [[HTML]]-versionen.		Den version av [[HTML]] som vi kommer att lära oss här på Webbling är [[HTML5]]. Vilket är, i skrivandes stund, den senaste [[HTML]]-versionen.

	== Övningar ==		== Övningar ==

PGJ: /* HyperText */

2020-06-20T12:32:00Z

HyperText

← Äldre version		Versionen från 20 juni 2020 kl. 12.32
Rad 18:		Rad 18:

	=== HyperText ===		=== HyperText ===
	Sen har vi då det sista, mer kryptiska ordet i förkortningen [[HTML]] – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text som kan länkas, ~~men~~ det ~~stämmer~~ inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som ~~vi är vana med ifrån~~ alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller ~~något~~ media som ska visas upp.		Sen har vi då det sista, mer kryptiska ordet i förkortningen [[HTML]] – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text som kan länkas, så stämmer det inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som används i alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller någon typ av media som ska visas upp.

	I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .		I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .

PGJ: /* Markup */

2020-06-20T12:29:49Z

Markup

← Äldre version		Versionen från 20 juni 2020 kl. 12.29
Rad 9:		Rad 9:

	=== Markup ===		=== Markup ===
	Vad betyder då resten av förkortningen? ”Markup” kommer ~~ifrån~~ att vi markerar ~~informationen~~ i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. ~~Märkningen~~ är instruktioner till de [[webbklient]]er, oftast webbläsare, som ska tolka och visa upp sidan. För att åstadkomma ~~denna märkning~~ använder vi oss av [[HTML]]-[[tagg]]ar.		Vad betyder då resten av förkortningen? ”Markup” kommer från att vi markerar information i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Markeringarna är instruktioner till de [[webbklient]]er, oftast webbläsare, som ska tolka och visa upp sidan. För att åstadkomma dessa markeringar använder vi oss av [[HTML]]-[[tagg]]ar.

	[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig innanför dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.		[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig innanför dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.

	<div class="well well-meadow">		<div class="well well-meadow">
	[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är ~~tillgänliga~~ i [[HTML5]].		[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är tillgängliga i [[HTML5]].
	</div>		</div>

PGJ: /* Language */

2020-06-20T12:26:47Z

Language

← Äldre version		Versionen från 20 juni 2020 kl. 12.26
Rad 6:		Rad 6:

	=== Language ===		=== Language ===
	Ifrån ”Language” kan vi förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur datorn kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som datorn kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda de fåtal ord som datorn förstår och vi måste använda dem på ett vis som datorn klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare...		Ifrån ”Language” kan vi förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden en väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur datorn kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som datorn kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda oss av de fåtal ord som datorn förstår och vi måste använda dem på ett vis som datorn klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare...

	=== Markup ===		=== Markup ===
	Vad betyder då resten av förkortningen? ”Markup” kommer ifrån att vi markerar informationen i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Märkningen är instruktioner till de [[webbklient]]er, oftast webbläsare, som ska tolka och visa upp sidan. För att åstadkomma denna märkning använder vi oss av [[HTML]]-[[tagg]]ar.		Vad betyder då resten av förkortningen? ”Markup” kommer ifrån att vi markerar informationen i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Märkningen är instruktioner till de [[webbklient]]er, oftast webbläsare, som ska tolka och visa upp sidan. För att åstadkomma denna märkning använder vi oss av [[HTML]]-[[tagg]]ar.

PGJ den 20 juni 2020 kl. 12.20

2020-06-20T12:20:14Z

← Äldre version		Versionen från 20 juni 2020 kl. 12.20
Rad 1:		Rad 1:
	[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].		[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].

	Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – exempel på ~~ett~~ sådana verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.		Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – exempel på sådana verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.
	== Vad betyder HTML? ==		== Vad betyder HTML? ==
	[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...		[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...

PGJ den 20 juni 2020 kl. 12.19

2020-06-20T12:19:51Z

← Äldre version		Versionen från 20 juni 2020 kl. 12.19
Rad 1:		Rad 1:
	[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].		[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].

	Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – ~~ett~~ exempel på ett ~~sådant~~ verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.		Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – exempel på ett sådana verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.
	== Vad betyder HTML? ==		== Vad betyder HTML? ==
	[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...		[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...

PGJ: /* Vad använder vi HTML till? */

2019-08-03T10:35:03Z

Vad använder vi HTML till?

← Äldre version		Versionen från 3 augusti 2019 kl. 10.35
Rad 21:		Rad 21:
	I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .		I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .

	== Vad ~~använder vi~~ [[HTML]] till? ==		== Vad används [[HTML]] till? ==
	[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till andra dokument och annat innehåll. Det är vad som vi inom datavärlden brukar kalla ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.		[[HTML]] är alltså en teknik som används för att skapa dokument, ge dem en struktur samt att det ger möjligheten att länka dokumentets innehåll så att det leder till andra dokument och annat innehåll. Det är vad som vi inom datavärlden brukar kalla ett dokumentformat eller ett dataformat. [[HTML]] är relativt strikt, man kan inte skapa nya [[tagg]]ar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller [[standard]]en.

PGJ den 3 augusti 2019 kl. 09.59

2019-08-03T09:59:12Z

← Äldre version		Versionen från 3 augusti 2019 kl. 09.59
Rad 1:		Rad 1:
	[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].		[[HTML]] är den grund på vilken all [[webbutveckling]] vilar. Alla andra [[webbteknik]]er går det att klara sig utan, men man kan inte bygga upp en webbsida utan [[HTML]].

	Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. ~~Detta~~ kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg ~~där~~ man ~~skapar~~ sidorna visuellt, snarare än genom att skriva koder – ett exempel på ett sådant verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska ~~börja~~ skapa [[webbplats\|webbplatser]] ~~som ska ha ett~~ dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.		Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Det kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg. I dessa skapar man sidorna visuellt, snarare än genom att skriva koder – ett exempel på ett sådant verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska skapa [[webbplats\|webbplatser]] med dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.
	== Vad betyder HTML? ==		== Vad betyder HTML? ==
	[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...		[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...

	=== Language ===		=== Language ===
	Ifrån ”Language” kan vi förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur datorn kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som datorn kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda de fåtal ord som datorn förstår och vi måste använda dem på ett vis som datorn klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare...		Ifrån ”Language” kan vi förstå att detta är ett slags språk. I grund och botten består HTML-språket av engelska ord, eller förkortningen av engelska ord. Liksom för det mesta när man jobbar med datorer har de olika orden väldigt specifik mening och när vi lär oss [[HTML]] så lär vi oss hur datorn kommer att tolka dessa ord. Det är vi som måste anpassa oss till att använda språket på ett sätt som datorn kan förstå. Vi kan inte använda vilka uttryck som helst, utan vi måste använda de fåtal ord som datorn förstår och vi måste använda dem på ett vis som datorn klarar av att begripa. Man talar ofta om [[syntax]] och [[semantik]] i dessa sammanhang, vi återkommer till vad dessa begrepp betyder lite senare...
	=== Markup ===		=== Markup ===
	Vad betyder då resten av förkortningen? ”Markup” kommer ifrån att vi markerar informationen i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet ~~är för något och vad det~~ har för funktion. ~~Vi ger då~~ instruktioner till ~~den~~ [[webbklient]], oftast en webbläsare, som ~~sedan~~ ska tolka och visa upp sidan. För att åstadkomma denna märkning använder vi oss av [[HTML]]-[[tagg]]ar.		Vad betyder då resten av förkortningen? ”Markup” kommer ifrån att vi markerar informationen i vårt dokument med hjälp av olika [[tagg]]ar. Dessa är ungefär samma sak som etiketter och de markerar vad innehållet innanför dem har för funktionalitet. På så vis beskriver vi strukturen i ett dokument, där vi noggrant talar om vad varje bit av dokumentet har för funktion. Märkningen är instruktioner till de [[webbklient]]er, oftast webbläsare, som ska tolka och visa upp sidan. För att åstadkomma denna märkning använder vi oss av [[HTML]]-[[tagg]]ar.

	[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig ~~inom~~ dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.		[[Tagg]]ar är alltså små, korta ”etiketter” som anger hur efterföljande data ska tolkas. De flesta taggar består av ett taggpar, en [[starttagg]] och en [[sluttagg]]. Allt som befinner sig innanför dessa taggpar bildar ett [[element]]. Sammantaget är det dessa [[element]] som bygger upp en komplett webbsida. När vi nu börjar att lära oss [[HTML]], är det just de olika [[tagg]]arna vi kommer att lära oss. Vi kommer att gå in på vad de heter, vad de gör och hur de ska användas.

	<div class="well well-meadow">		<div class="well well-meadow">
	[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är tillgänliga i [[HTML5]].</div>		[[HTML5-taggar\|Här]] hittar du en lista över de taggar som är tillgänliga i [[HTML5]].
			</div>

	=== HyperText ===		=== HyperText ===
	Sen har vi då det sista, mer kryptiska ordet i förkortningen [[HTML]] – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text ~~man~~ kan ~~länka~~, så stämmer ~~det~~ inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som vi är vana med ifrån alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller något media som ska visas.		Sen har vi då det sista, mer kryptiska ordet i förkortningen [[HTML]] – nämligen, [[hypertext]]. Detta är en teknik som gör att man kan länka samman olika typer av information. Även om ”text” verkar ange att det enbart är text som kan länkas, men det stämmer inte längre. I stort sett kan vad som helst vara en länk som leder vidare till annan information. Det handlar alltså om webblänkar, såna som vi är vana med ifrån alla webbsidor. Informationen man länkar till kan i princip vara vad som helst, kanske en annan webbsida eller något media som ska visas upp.

	I [[HTML]]s ~~grundkonceptet~~ ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .		I [[HTML]]s grundkoncept ingår alltså tanken att man ska kunna länka samman olika typer av information. Länkarna kan ses som trådar som leder kors och tvärs mellan olika typer av information. Trådar som i sin tur bildar ett nät – vilket är det som gett namnet åt webben (”web” betyder ju nät eller spindelnät på engelska). Idén med hyperlänkat material är långt ifrån ny och du kan läsa mer om historiken i ett [[Webbhistorik\|annat avsnitt]] .

	== Vad använder vi [[HTML]] till? ==		== Vad använder vi [[HTML]] till? ==

PGJ: /* Vad betyder HTML? */

2019-01-11T19:35:45Z

Vad betyder HTML?

← Äldre version		Versionen från 11 januari 2019 kl. 19.35
Rad 3:		Rad 3:
	Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Detta kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg där man skapar sidorna visuellt, snarare än genom att skriva koder – ett exempel på ett sådant verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska börja skapa [[webbplats\|webbplatser]] som ska ha ett dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.		Det går visserligen att skapa webbsidor utan att lära sig [[HTML]]. Detta kan man göra genom att använda sig av så kallade [[WYSIWYG]]-verktyg där man skapar sidorna visuellt, snarare än genom att skriva koder – ett exempel på ett sådant verktyg är [http://www.adobe.com/se/products/dreamweaver.html Adobe Dreamweaver] och [http://www.aptana.com/ Aptana] (den senare är helt gratis). Även om du kan skapa riktigt avancerade sidor i dylika verktyg, kommer du inte att komma långt med [[webbutveckling]] om du inte lär dig grunderna inom [[HTML]]. Detta gäller inte minst om du ska börja skapa [[webbplats\|webbplatser]] som ska ha ett dynamiskt innehåll. Turligt nog är inte [[HTML]] så jättesvårt att lära sig.
	== Vad betyder HTML? ==		== Vad betyder HTML? ==
	[[HTML]] är en förkortning av ~~”'''H'''yper'''T'''ext '''M'''arkup '''L'''anguage”~~. Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...		[[HTML]] är en förkortning av "HyperText Markup Language". Vi jobbar oss igenom termerna baklänges för att förstå vad det handlar om...

	=== Language ===		=== Language ===