Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Udfordring: Arbejde Med Billeder | Arbejde med Medier og Tabeller
Ultimativ HTML

book
Udfordring: Arbejde Med Billeder

Mål

Øv dig i at bruge den absolutte sti til billeder i HTML.

Opgave

Sørg for, at src-attributten for det første billede bruger den absolutte sti. Du kan finde billedet på:

Brug den absolutte sti til src attributten for det andet billede. Få adgang til billedet her:

Angiv den passende alt attributværdi for begge billeder. Husk, at alt værdien er afgørende for at give kontekst, hvis billederne ikke kan indlæses, eller for brugere, der er afhængige af skærmlæsere.

index.html

index.html

copy
<!DOCTYPE html>
<html lang="en">
<head>
<title>Challenge: Images</title>
</head>
<body>
<!-- Change the code below -->

<!-- Image one -->
<img src="___" alt="___" width="256" height="256" />

<!-- Image two -->
<img src="___" alt="___" width="256" height="256" />
</body>
</html>

  1. Brug img-tagget til at angive et billede.

  2. Brug src-attributten til at angive billedets placering.

  3. Brug alt-attributten til at give en beskrivende tekst for billedet.

  4. Du kan bruge width-attributten til at definere billedets bredde.

  5. Du kan bruge height-attributten til at definere billedets højde.

index.html

index.html

copy
<!DOCTYPE html>
<html lang="en">
<head>
<title>Challenge: Images</title>
</head>
<body>
<!-- Image one -->
<img
src="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/adik.png"
alt="Emotion that opens the mouth"
width="256"
height="256"
/>

<!-- Image two -->
<img
src="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/c468052d-6d47-4677-b1d1-fb11ace719b1/meadia-%26-tables/joking.png"
alt="Emotion that shows the tongue"
width="256"
height="256"
/>
</body>
</html>
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

We use cookies to make your experience better!
some-alt