Med digitaliseringen som ökar dag för dag, kan du egentligen inte undvika viss terminologi. Nyheterna är fulla av det och chansen är stor att det också i din egen sociala krets finns olika personer som arbetar i IT-sektorn eller gärna sysslar med det. Det blir därför viktigare för varje dag att du har lite förståelse för dessa tekniska saker för att hänga med i en konversation.
Detta betyder inte att du behöver veta från A till Ö hur det fungerar och varför, men en allmän förståelse av vissa termer kan verkligen vara användbar. Idag ska vi skapa den allmänna förståelsen kring termen HTML.
Vad är HTML egentligen?
HTML är en förkortning för HyperText Markup Language och är det mest använda märkspråket för webbsidor. Enkelt uttryckt bestämmer HTML strukturen för din webbsida.
Grunden för programmering
För många är HTML också det första märkspråket de lär sig och det ses därför ofta som ‘grunden’ för programmering. Ändå anses inte HTML vara ett programmeringsspråk eftersom det inte kan skapa dynamisk funktionalitet.
Nu kan du naturligtvis inte bygga en komplett webbplats med bara HTML. Om du betraktar en webbplats som en hel kropp kan du se HTML som ‘skelettet’ på den här webbplatsen. Detta innebär att det är enormt viktigt för funktionaliteten, men att det lämnar mycket att önska när det gäller formatering i hela processen; för detta behövs andra programmeringsspråk som till exempel CSS.
Så fungerar HTML
HTML fungerar genom HTML-taggar: koder som läggs till för att bestämma visningen av den ‘vanliga’ texten. Dessa koder känner du igen på parenteserna (< och >) de står mellan.
Taggarna som står mellan dessa parenteser ger information till webbläsaren om hur den ska visa informationen som är kopplad till dessa. Så i taggen kan det till exempel stå om det ska vara en H1- eller H3-rubrik, eller så kan du lägga till färger, bilder och länkar med den.
I princip är HTML det perfekta språket för att ge form åt din webbplats, för att sedan helt formatera den med hjälp av andra språk som Java och CSS. Med bara HTML kan du skapa en fungerande webbplats eller webbsida, men den kommer att vara mycket begränsad och inte se fantastisk ut.
Är HTML svårt att lära sig?
Kort sagt: nej. HTML är inte ett enormt komplext programmeringsspråk och är relativt enkelt att lära sig; det är bara mycket att ta in om du vill bli 100% duktig på det. Detta betyder att du bör planera in en studiesession på några timmar för att få grepp om det.
Var kan jag lära mig HTML?
Under tiden finns det många webbplatser som erbjuder både gratis och betalda kurser för att lära sig HTML och eventuellt andra märkspråk och programmeringsspråk till intresserade.
Vårt råd är därför att inte direkt köpa en dyr kurs för HTML, med tanke på att det finns webbplatser som W3schools och Codecademy som erbjuder ett bra curriculum utan kostnad.
Strukturen hos HTML
När du en gång tittar i HTML-koden på en webbplats ser du snabbt en massa parenteser och korta termer (taggar). Detta verkar vid första anblicken vara en rörig massa, men inget kunde vara mer fel.
När du tittar noga på vilka termer som står mellan de där parenteserna blir koden redan mycket tydligare. Först är det bra att veta att du alltid har en öppningstag och en avslutningstag. Avlutningstagen känns igen på ‘/’ som finns i den.
HTML-taggar
Så det börjar till exempel med <HEAD> och </HEAD>. Detta är kort för Header; eller övre delen av sajten. Allt som står mellan dessa två taggar kommer alltså i sidans header. Detsamma gäller för <BODY> och </BODY>; allt som sätts mellan dessa kommer in i sidans ‘body’; eller själva sidan.
Ändå är inte alla taggar så självförklarande och för de flesta krävs det att du sätter dig ner och studerar och lär dem. En liten översikt med fler viktiga HTML-taggar hittar du här nedanför!
Vad är fler viktiga taggar inom HTML?
Även om du inte är programmerare eller webbplatsbyggare kan det ibland hända att du snabbt vill ändra något på en webbplats.
Om du redan vet lite var informationen kan placeras i HTML-koden kan du snabbt och enkelt göra enkla ändringar på sidan utan att behöva anlita någon för det. Några taggar att hålla koll på så att du vet vad som gör vad är:
- <!DOCTYPE html> – Den här taggen sitter överst i dokumentet och definierar att detta är ett HTML-dokument.
- <html> – Huvelementet i en HTML-sida som omfattar alla andra element i HTML-sidan.
- <head> – Innehåller information om sidan, såsom titeln och metadata.
- <title> – Anger en titel för HTML-sidan som visas i webbläsarens titelfält.
- <body> – Denna tagg definierar sidans huvudinhåll och är en behållare för allt synligt innehåll, som rubriker, stycken, listor, etc.
- <h1> – Indikerar vilken typ av rubrik det är. Detta kan också vara h2 eller h3.
- <p> – Definierar ett stycke i HTML-dokumentet.
- <br> – Den här taggen anger ett radbrott; eller en ‘enter’.
Varför är det användbart att lära sig HTML?
Fortfarande idag är HTML en av de mest relevanta färdigheterna att behärska. HTML används fortfarande som ‘ryggraden’ för webbplatser och att behärska detta språk ger också en bra allmän förståelse för andra former av programmering och kodning.
Det är redan mycket lättare att gå över till JavaScript och CSS om du har lagt en bra grund inom HTML.
Är HTML också intressant för icke-programmerare?
Absolut! Du kommer sannolikt inte behöva det dagligen, men om du någonsin vill göra en liten justering på en webbsida kan det spara dig enormt mycket tid (och pengar).
De flesta justeringar du vill göra på en webbsida är nämligen inte så komplexa, men om du inte vet något om HTML så vet du inte heller var du ska leta. Med lite kunskap om språket kan du ofta redan hitta problemet eller den relevanta texten för att sedan ändra det utan för mycket ansträngning.
Vilka är de mest populära programmeringsspråken i Sverige just nu?
Som nämnts tidigare är HTML inte ett programmeringsspråk utan ett märkspråk. Trots detta är HTML fortfarande mycket viktigt inom webbutvecklingsvärlden. Även om detta språk är mycket viktigt, står det inte helt på egen hand och för att skapa en anständig webbsida behövs hjälp av andra programmeringsspråk.
För närvarande är de mest använda och därmed de mest populära programmeringsspråken följande:
- Python
- Java
- JavaScript
Du har kanske hört namnen på åtminstone en av de tre tidigare; de diskuteras idag till och med ofta i informatikkurser på gymnasieskolor.
Alla dessa tre språk har sitt eget specifika syfte, men är helt olika i sin uppbyggnad av själva språket. Denna artikel går vi inte helt in i detalj på området för dessa språk, men vi håller fokus på HTML.
Behöver jag alltid HTML för att bygga en webbplats?
Detta beror naturligtvis på vad du exakt vill göra. Om du helt enkelt vill ha en webbplats online, finns det fler och fler alternativ varje dag för att skapa en vacker, fungerande webbplats utan någon kodkännedom.
För detta kan du använda program som WordPress, Squarespace eller till exempel Wix! Dessa program har fokuserat på att förenkla byggandet av webbplatser så att alla kan arbeta med dem.
Skräddarsydd webbplats
Om du verkligen vill ha en skräddarsydd webbplats med olika alternativ, widgets och extra funktioner, är chansen mycket större att du själv måste skriva koden; eftersom många av dessa ’drag and drop’ alternativ, som nämnts ovan, inte alltid har de mest lämpliga lösningarna som passar varje projekt.
Ändå erbjuder dessa plattformar ofta möjligheten att själv dyka in i koden och lägga till saker för att berika sajten.
Behöver du mer än HTML för att driva en webbplats?
Absolut, som tidigare nämnt är HTML grunden för en bra webbplats, men du behöver ytterligare ett eller flera språk för att göra något speciellt av det. Till och med utanför hela kodningsberättelsen behöver du mer för att hålla webbplatsen igång.
Vad behöver jag mer för min webbplats?
Naturligtvis börjar allt med ett domännamn. Människor måste veta vilken adress de ska gå till för att komma till din webbplats. Om du inte har ett ännu, är det bra att registrera det först. Förutom ditt domännamn behöver du naturligtvis också lite serverutrymme för att hosta din webbplats. För detta kan du få hosting hos oss. Om du ska bygga din webbplats via WordPress har vi även specifik WordPress Hosting för dig!
E-post med ditt domännamn
När du väl har ditt eget domännamn kan du också välja att koppla ditt e-post till det. Detta skulle då se ut som Info@dittdomän.se. Många företag väljer detta eftersom det har en mer professionell framtoning än till exempel en Info@gmail.com adress.
En webbplats med SSL-certifikat
Detta är en detalj som många gärna förbiser. Särskilt för webbplatser som måste bearbeta data är detta av avgörande betydelse, och dessutom obligatoriskt.
Ett SSL-certifikat säkerställer att du får ett grönt hänglås i URL-fältet. Detta innebär att din webbplats har rimlig kryptering och är tillräckligt säker för att hantera personuppgifter. Detta är också redan obligatoriskt om du bara har ett kontaktformulär på din webbplats!
Som du kan se finns det gott om anledningar att engagera sig lite i HTML-världen. Det erbjuder enormt många möjligheter och det är överhuvudtaget ett intressant ämne inom den digitala världen. Möjligheterna med HTML, särskilt i kombination med andra språk, är oändliga!
Om du har ytterligare frågor om vad vi kan göra för dig och din online-närvaro, kan du alltid kontakta oss, vår kundtjänst står alltid redo! Vi ger också gärna skräddarsydd rådgivning om vilka av våra produkter som är den bästa lösningen för din idé. Oavsett om du vill flytta ditt domännamn, registrera det eller skaffa en Virtual Private Server (VPS) för ditt företag, kan vi förverkliga det för dig!
Hosting bestellen?
Kies voor de snelheid, gebruiksgemak en service van mijn.host.
Lämna ett svar