Hei, verden!

Teori 1.1

Teori 1.2

Lenker, bilder og lister

Teori 1.3

Fra boka til egen maskin

Teori 2.1

Din første CSS

Teori 2.2

Klasser

Teori 3.1

Klient og tjener

Begrepssjekk

Fyll inn og regn ut før du leser videre, så åpne fasiten og sjekk deg selv.

Vis fasit

Verktøy

Slik kan Python og CAS gjøre det samme. Vi jobber mest uten hjelpemidler, men det er nyttig å se.

Python ✎

Eksempel

Oppgaver som forklarer dette delkapittelet.

Sett merkelapper på avisa ✎

Vis løsningsforslag✎
Din tur: hei, verden! ✎

Vis løsningsforslag✎

Øv på dette →

Sjekk forståelsen

Har du forstått det? Prøv disse.

Øv på dette →

Konsepter

Konsepter denne teorien introduserer.

HTML-element

web

Byggesteinen i alle nettsider: start-tagg, innhold og slutt-tagg — for eksempel en overskrift eller et avsnitt. Taggene er merkelapper som forteller nettleseren hva innholdet ER. HTML er et markeringsspråk, ikke et programmeringsspråk: det beskriver, det regner ikke.
- Merkelapper, ikke instruksjoner. En tagg sier hva innholdet ER — overskrift, avsnitt, utheving — ikke hva maskinen skal GJØRE. Nettleseren bruker merkelappene til å vise innholdet riktig; skjermlesere og søkemotorer bruker dem til å forstå siden.

Vanlige feil

Feil mange gjør i dette temaet — og hvordan du unngår dem.

Du tror HTML er et programmeringsspråk
Du tror HTML er instruksjoner maskinen utfører — og venter deg variabler, logikk og feilmeldinger. HTML er et markeringsspråk: det setter merkelapper på innholdet og sier hva ting ER, ikke hva maskinen skal GJØRE. Derfor krasjer HTML aldri — nettleseren tolker så godt den kan og viser alltid noe, også når koden har feil.

Slik unngår du det: HTML er navnelapper, ikke instruksjoner — som å markere «Overskrift 1» i Word. Word krasjer ikke om du glemmer å skru av fet skrift; teksten bare FORTSETTER med fet. Nettleseren gjør det samme: den tolker merkelappene så godt den kan og viser alltid noe — det er både snilt (siden vises) og farlig (kanskje ikke slik du mente).

Test deg selv

Du glemmer slutt-taggen til strong. Hva skjer når siden vises i nettleseren?
Du tror linjeskift i koden vises på siden
Du tror at slik koden er brukket opp — linjeskift, innrykk, blanke linjer — er slik siden vises. Nettleseren leser bare taggene; all luft i koden presses sammen til ett mellomrom. Vil du ha nytt avsnitt på siden, må du skrive en ny p-tagg — ikke trykke Enter i koden.

Slik unngår du det: Koden er manuset, siden er forestillingen: skuespilleren (nettleseren) følger regianvisningene (taggene), ikke hvor manuset har linjeskift. Vil du ha en pause i forestillingen, må du skrive en regianvisning — en ny tagg — ikke bare trykke Enter i manuset.

Test deg selv

Du skriver tre tekstlinjer under hverandre inni én p-tagg. Hvor mange linjer ser leseren på siden?