Hoppa till: navigering, sök

HTML-grunder

HTML är den grund på vilken all webbutveckling vilar. Alla andra webbtekniker 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 Adobe Dreamweaver och 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 webbplatser som ska ha ett dynamiskt innehåll. Turligt nog är inte HTML så jättesvårt att lära sig.

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

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

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 taggar. 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-taggar.

Taggar ä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 taggarna 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.

Här hittar du en lista över de taggar som är tillgänliga i HTML5.

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.

I HTMLs 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 annat avsnitt .

Vad använder vi 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 taggar eller använda taggar hipp som happ, utan man måste följa den angivna mallen – eller standarden.

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.

Övningar

Nästa aktivtet

Hämtad från "https://webbling.se/index.php?title=HTML-grunder&oldid=4010"