Utdannets logo

Grunnleggende

Lær grunnleggende HTML: elementer, attributter, hierarki, dokumentstruktur, DOCTYPE, head og body, og semantiske elementer. Gratis videoer og eksempler.

Sist oppdatert

Har du noen gang lurt på hva som egentlig skjer mellom det øyeblikket du skriver inn en nettadresse og siden dukker opp i nettleseren? Når du begynner med HTML, er det nyttig å forstå både hvordan nettet henger sammen og hvordan en nettside er bygget opp. Da blir det mye enklere å se hvorfor koden din fungerer, eller ikke fungerer.

Hvordan internett leverer nettsiden til deg

HTML er bare én del av helheten. Før nettleseren kan vise en side, må den finne riktig server, hente innholdet og forstå hva som skal vises. Vil du få oversikt over den delen først, kan du lese Slik fungerer internett, der du får forklart TCP/IP og DNS på en enkel måte.

Byggesteinene i et HTML-dokument

Når du åpner en HTML-fil, leser nettleseren den som et strukturert dokument. Du bruker tagger til å markere hva som er overskrift, avsnitt, lenke og bilde, og rekkefølgen betyr mye for hvordan siden tolkes. Hvis du vil se hvordan delene henger sammen, er Slik er et HTML-dokument bygget opp et godt sted å starte.

Attributter som gir elementene ekstra informasjon

Mange HTML-elementer trenger mer enn bare en tagg for å fungere godt. Attributter som href, src og alt forteller nettleseren hvor den skal hente innhold fra, hva en lenke skal peke til, og hvordan et bilde skal beskrives. Vil du forstå disse små detaljene bedre, kan du lese HTML-attributter.

Når du skal velge mellom blokk og inline

Ikke alle HTML-elementer oppfører seg likt på siden. Noen tar hele linjen, mens andre flyter sammen med teksten rundt. Den forskjellen påvirker både struktur og layout, og derfor lønner det seg å kjenne til Block vs inline i HTML tidlig.

Når du forstår disse grunnleggende delene, blir det mye lettere å lese kode, skrive egne sider og se sammenhengen mellom struktur og visning. Fortsett videre til artiklene, så bygger du et solid grunnlag for resten av HTML-læringen.