{"id":4182,"date":"2023-10-28T09:51:00","date_gmt":"2023-10-28T07:51:00","guid":{"rendered":"https:\/\/mijn.host\/blog\/hva-er-html\/"},"modified":"2023-10-28T09:51:00","modified_gmt":"2023-10-28T07:51:00","slug":"hva-er-html","status":"publish","type":"post","link":"https:\/\/my.host\/blog\/no\/hva-er-html\/","title":{"rendered":"Hva er HTML?"},"content":{"rendered":"\n

Med digitaliseringen som \u00f8ker for hver dag som g\u00e5r, kommer man egentlig ikke utenom visse terminologier. Nyhetene er fulle av dem, og sjansen er stor for at det ogs\u00e5 finnes forskjellige personer i din egen sosiale sirkel som jobber i IT-sektoren eller liker \u00e5 holde p\u00e5 med det. Det blir derfor stadig viktigere \u00e5 ha litt forst\u00e5else for disse tekniske sakene for \u00e5 kunne delta i samtaler.<\/p>\n\n\n\n

Dette betyr ikke at du m\u00e5 vite hvordan alt fungerer fra A til \u00c5, men en generell forst\u00e5else av visse begreper kan virkelig v\u00e6re nyttig. I dag skal vi skape denne generelle forst\u00e5elsen rundt begrepet HTML.<\/p>\n\n\n\n

<\/a>Hva er HTML egentlig?<\/h2>\n\n\n\n

HTML er en forkortelse for HyperText Markup Language og er det mest brukte merkede spr\u00e5ket for nettsider. Enkelt sagt bestemmer HTML strukturen p\u00e5 din nettside.<\/p>\n\n\n\n

<\/a>Grunnleggende programmering<\/h3>\n\n\n\n

For mange er HTML ogs\u00e5 det f\u00f8rste merkede spr\u00e5ket de l\u00e6rer, og det blir derfor ofte sett p\u00e5 som \u2018grunnlaget\u2019 for programmering. Likevel blir ikke HTML sett p\u00e5 som et programmeringsspr\u00e5k ettersom det ikke kan skape dynamisk funksjonalitet.<\/p>\n\n\n\n

N\u00e5 kan du selvsagt ikke bygge en komplett nettside med kun HTML. Hvis du betrakter en nettside som en hel kropp, kan du se HTML som \u2018skjelettet\u2019. Dette betyr at det er enormt viktig for funksjonaliteten, men at det fortsatt kreves mer arbeid med utformingen i hele prosessen; for dette trengs andre programmeringsspr\u00e5k som for eksempel CSS.

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/a>Slik fungerer HTML<\/h3>\n\n\n\n

HTML fungerer ved hjelp av HTML-tags: koder som legges til for \u00e5 bestemme visningen av den \u2018normale\u2019 teksten. Disse kodene kan du kjenne igjen ved hakeparentesene (< og >) de st\u00e5r mellom.<\/p>\n\n\n\n

Taggene som st\u00e5r mellom disse hakeparentesene gir nettleseren informasjon om hvordan de skal vise informasjonen som er knyttet til dem. For eksempel kan det i taggen st\u00e5 om det er en H1 eller H3 tittel, eller med dette kan du legge til farger, bilder og lenker.<\/p>\n\n\n\n

I prinsippet er HTML det perfekte spr\u00e5ket for \u00e5 gi siden din form, for deretter \u00e5 fullf\u00f8re utformingen ved hjelp av andre spr\u00e5k som Java og CSS. Med kun HTML kan du allerede lage en fungerende nettside eller webside, men denne vil v\u00e6re sv\u00e6rt begrenset og ikke se fantastisk ut.<\/p>\n\n\n\n

<\/a>Er HTML vanskelig \u00e5 l\u00e6re?<\/h3>\n\n\n\n

Kort sagt: nei. HTML er ikke et enormt komplekst programmeringsspr\u00e5k og er relativt enkelt \u00e5 l\u00e6re; det er bare mye stoff \u00e5 ta inn hvis du vil bli 100% dyktig i det. Dette betyr at du b\u00f8r sette av noen timer til \u00e5 studere for \u00e5 f\u00e5 en forst\u00e5else av det.<\/p>\n\n\n\n

<\/a>Hvor kan jeg l\u00e6re HTML?<\/h3>\n\n\n\n

Det finnes mange nettsteder som tilbyr b\u00e5de gratis og betalte kurs for \u00e5 l\u00e6re HTML og eventuelt andre merkede og programmeringsspr\u00e5k til interesserte.<\/p>\n\n\n\n

V\u00e5rt r\u00e5d er derfor \u00e5 ikke kj\u00f8pe et dyrt kurs for HTML med en gang, gitt at det finnes nettsteder som W3schools og Codecademy som tilbyr et godt pensum uten \u00e5 kreve betaling.<\/p>\n\n\n\n

<\/a>Strukturen til HTML<\/h3>\n\n\n\n

N\u00e5r du en gang ser inn i HTML-koden p\u00e5 en nettside vil du fort oppdage en hel masse hakeparenteser og korte begreper (tags). Dette kan ved f\u00f8rste \u00f8yekast virke som en rotete aff\u00e6re, men ingenting kunne v\u00e6rt lenger fra sannheten.<\/p>\n\n\n\n

N\u00e5r du ser n\u00f8ye p\u00e5 hvilke termer som st\u00e5r mellom disse hakeparentesene, blir koden straks mye klarere. For det f\u00f8rste er det nyttig \u00e5 vite at du alltid har en \u00e5pen og en lukket tag. Lukkingen kjennetegnes ved \u2018\/\u2019 som finnes i den.<\/p>\n\n\n\n

<\/a>HTML-tags<\/h3>\n\n\n\n

Det begynner for eksempel med <HEAD> og <\/HEAD>. Dette st\u00e5r for Header; alts\u00e5 \u00f8verste del av siden. Alt som st\u00e5r mellom disse to taggene vil derfor komme i headeren p\u00e5 nettsiden. Det samme gjelder for <BODY> og <\/BODY>; alt som settes mellom her, kommer i \u2018body\u2019 p\u00e5 nettsiden; alts\u00e5 selve siden.<\/p>\n\n\n\n

Likevel er ikke alle tagger s\u00e5 selvforklarende, og det er ofte n\u00f8dvendig \u00e5 sette seg ned for \u00e5 studere og l\u00e6re dem. En liten oversikt over flere viktige HTML-tags finner du nedenfor!<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/a>Hva er andre viktige tags innen HTML?<\/h3>\n\n\n\n

Selv om du ikke er en programmerer eller nettsidebygger kan det fortsatt hende at du vil endre noe raskt p\u00e5 en nettside.<\/p>\n\n\n\n

Hvis du allerede vet litt om hvor hvilken informasjon kan st\u00e5 innen HTML-koden, kan du raskt og uten for mye anstrengelse gj\u00f8re enkle endringer p\u00e5 siden uten \u00e5 m\u00e5tte ansette noen. Noen f\u00e5 tagger \u00e5 se etter, slik at du vet hva som gj\u00f8r hva, er:<\/p>\n\n\n\n