Velkommen til HTML og CSS-grunnkurset! Dette er leksjon 1 av 10. Du kan starte uten konto — fremgangen lagres mens du jobber, og du kan ta en pause når som helst.
Hvordan nettet fungerer
Nettsider, nettlesere og HTML forklart uten buzzwords.
Før du skriver din første linje kode, er det verdt å forstå hva som faktisk skjer når du skriver inn en adresse og trykker Enter. Det er enklere enn det høres ut — og når du forstår det, gir alt annet i kurset mer mening.
Tre deler: klient, nett og server
En nettside bor på en server — en maskin som står på og venter. Når du skriver inn en adresse, spør nettleseren din (som vi kaller klienten) serveren om filene til siden. Serveren sender dem tilbake, og nettleseren bygger siden foran øynene dine.
- Du skriver inn en adresse, for eksempel
skol.no. - Nettleseren spør et navnesystem (DNS) hvilken server som hører til adressen.
- Serveren sender tilbake filer: HTML for struktur, CSS for stil og JavaScript for oppførsel.
- Nettleseren leser HTML-en, bygger siden, og bruker så CSS og JavaScript til å stilsette og gjøre den levende.
HTML er skjelettet, CSS er klærne, JavaScript er musklene
De tre språkene har hver sin jobb. HTML sier hva innholdet *er*: en overskrift, et avsnitt, et bilde. CSS sier hvordan det *ser ut*: farger, skrift og oppsett. JavaScript sier hva som *skjer*: klikk, animasjoner og data som hentes inn. Et lite HTML-dokument ser slik ut:
<!doctype html><html lang="no"> <head> <meta charset="utf-8" /> <title>Min første side</title> </head> <body> <h1>Hei, verden!</h1> <p>Dette er min første nettside.</p> </body></html>Prøv selv
Tre språk, tre roller
Trykk på et språk for å se hvilken jobb det gjør på en nettside.
Det finnes ikke feil her — trykk på alle tre hvis du vil.
Ordforklaring
Én byggekloss i HTML — en overskrift, et avsnitt, en lenke. Siden din er elementer inni elementer, nesten som russerdukker. Ordet er forklart i ordboken — klikk på tittelen hvis du vil lese mer.
Tips
Se inn i maskinen
Du kan se kildekoden til hvilken som helst side: høyreklikk og velg «Vis sidekilde». HTML er ikke hemmelig — det er slik nettet fungerer. Ikke la deg imponere av store sider; alle startet med et tomt dokument.
Dette er godt nok å starte med
Du trenger *ikke* å forstå hvordan dataene reiser fysisk gjennom nettet, eller hva som skjer inne i serveren, for å lage nettsider. Det du trenger, er det du nettopp så: HTML forteller nettleseren hva siden består av. Resten av kurset handler om å bli trygg på akkurat det.
Du kan nå
- forklare hva som skjer fra du skriver en adresse til siden vises
- si hva HTML, CSS og JavaScript gjør hver for seg
- lese et lite HTML-dokument og vite hva
headogbodyer