4. HTML kodning: Arbejdsgang ift. link og visning af billeder

Indholdsfortegnelse

1. Link

  • <a href=”url“>link text</a>
  • “url” = Det, du gerne vil åbne. En hjemmeside eller en fil
  • ”link text” = Det, som brugeren ser, og som bliver klikbart

Eksempler på link

  • <p>Link til <a href =”https://www.dr.dk”>Danmarks Radio</a></p>
  • <p>Link til <a href = “side2.html”>Side 2</a></p>

Her har jeg sat de 2 koder ind i W3Schools. Koden til venstre (1), resultatet th. Bemærk at brugeren kun ser det, der står inde i <a>-tagget.

Link til toppen af siden.

2. Billeder

  • Hav en mappe klar på forhånd til dine billeder inde i din hjemmesidemappe, her mappen ”billeder” (1) i mappen Hjemmeside om hunde (2)
  • Hjemmesiden handler om hunde
  • Gå på nettet og find et billede af en hund (1)
  • Højreklik på billedet for at gemme det (1), vælg fra lokalmenuen Gem billede som (2)
  • Gem billedet i en mappe inde i din hjemmeside-mappe i den forberedte mappe ”Billeder”
  • Gem billedet i mappen Billeder (1)
  • Giv billedet et sigende navn (2)
  • Til sidst gem billedet (3)
  • Du har nu gemt billedet som hund.wepb i mappen billeder
  • Sæt koden her ind i din HTML
    <img src=”billeder/hund.wepb”>
  • Så ser du billedet i din browser. Og hvis ikke, så klik på knappen Opdater eller F5. Tænk på digtet
    Hvis din skærm er slem/
    så klik på F5

Link til toppen af siden.