HTML Basics

For at kunne løse opgaven har du sikkert brug for en kort introduktion til HTML.

Opgave: Mig og min kageopskrift

Lav et website i html der præsenterer dig selv og din yndlings kage:

  • Der skal være 2 sider.
    • En beskrivelse af dig selv der navngives “profil.html”.
    • En anden side med en mad opskrift “opskrift.html”.
  • Begge sider skal have en titel.
  • Der skal være links så man kan navigere mellem de to sider.

På profil siden

  • Brug forskellige niveauer af overskrifter.
  • Lav mindst et afsnit med brødtekst (f.eks. En kort beskrivelse af dig selv).

På siden med opskriften

  • Lav overskrifter.
  • Indsæt et billede af kagen.
    • Giv det en figurtekst.
  • Lav en unummereret punktopstilling med ingredienser.
  • Lav en nummeret punktopstilling med fremgangsmåden.
  • Lav en henvisning (link) til kilden (hvor du fandt opskriften).
  • Lav et link til “toppen” lokalt link på siden.

Opgave: Styling med CSS

Arbejd med styling af HTML elementer vha CSS i eksternt stylesheet

  • Brug html struktur fra opgaven med kageopskriften (index.html)
  • Lav styling af siden ved hjælp af CSS i en ekstern fil (style.css)

Materiale