Modul 1

Kap 1.5 - Miniuppgift: profilsida

Du använder det du har lärt dig för att skapa en egen enkel webbsida.

Mål

  • Skapa en fungerande HTML-sida från grunden.
  • Använda rubrik, text, bild, länk och listor.
  • Kontrollera filvägar och validera koden.

Uppgift

Skapa en profilsida i mappen profil-sida. Sidan ska presentera dig, ett intresse, en hobby, ett ämne eller en fiktiv person. Välj gärna något neutralt om du inte vill skriva om dig själv.

Krav

  • Filen ska heta index.html.
  • Sidan ska ha korrekt grundstruktur med DOCTYPE, html lang, head och body.
  • Sidan ska ha en tydlig title.
  • Sidan ska innehålla minst en h1 och två p.
  • Sidan ska innehålla en bild med fungerande src och beskrivande alt.
  • Sidan ska innehålla minst en extern länk.
  • Sidan ska innehålla en ordnad lista och en oordnad lista.
  • Sidan ska innehålla minst en HTML-kommentar.

Exempel på struktur

<body>
    <h1>Min profilsida</h1>
    <p>Kort presentation.</p>
    <img src="images/profilbild.jpg" alt="Beskrivning av bilden">
    <p>Mer information om ämnet.</p>
    <a href="https://example.com">En relevant länk</a>
</body>
http://127.0.0.1:5500/index.html

Min profilsida

Kort presentation.

Mer information om ämnet.

En relevant länk

Kontrollera innan du går vidare

  1. Öppna sidan med Live Server.
  2. Kontrollera att bilden syns.
  3. Klicka på länken och se att den fungerar.
  4. Validera HTML-koden.
  5. Rätta fel innan du fortsätter till publicering.

Exit ticket

Skriv två meningar: vad fungerade direkt, och vilket fel behövde du felsöka?