Uge 9 · Programudvikling 1
HTML og CSS
Sidens struktur og dens udseende. Semantiske elementer, selektorer, boksmodellen og responsivt design.
Det, du skal kunne
- HTML-sidens opbygning
HTML beskriver, hvad indholdet på en side er. En overskrift, et afsnit, en liste. En side består af et head med oplysninger om siden og et body med det, brugeren ser. Elementerne skrives som tags, der åbner og lukker omkring indholdet.
- CSS og selektorer
CSS bestemmer, hvordan HTML ser ud. En regel består af en selektor, der udpeger elementer, og et sæt egenskaber, der ændrer dem. Rækkefølgen og hvor specifik selektoren er, afgør, hvilken regel der vinder, når to regler siger noget forskelligt.
- Responsivt design
Responsivt design betyder, at den samme side fungerer på både telefon og skærm. Det opnås med fleksible bredder i stedet for faste pixels, et viewport-tag i head, og media queries, der ændrer layoutet ved bestemte skærmbredder.