Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Arbeta med Bilder | Arbeta med Media och Tabeller
Ultimate HTML

bookUtmaning: Arbeta med Bilder

Mål

Öva på att använda den absoluta sökvägen för bilder i HTML.

Uppgift

Se till att src-attributet för den första bilden använder den absoluta sökvägen. Du kan hitta bilden på:

Använd den absoluta sökvägen för src-attributet för den andra bilden. Åtkomst till bilden här:

Ange det lämpliga värdet för alt-attributet för båda bilderna. Kom ihåg att alt-värdet är avgörande för att ge sammanhang om bilderna inte kan laddas eller för användare som förlitar sig på skärmläsare.

index.html

index.html

copy
  1. Använd img-taggen för att ange en bild.
  2. Använd src-attributet för att ange bildens plats.
  3. Använd alt-attributet för att tillhandahålla en beskrivande text för bilden.
  4. Du kan använda width-attributet för att definiera bildens bredd.
  5. Du kan använda height-attributet för att definiera bildens höjd.
index.html

index.html

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.56

bookUtmaning: Arbeta med Bilder

Svep för att visa menyn

Mål

Öva på att använda den absoluta sökvägen för bilder i HTML.

Uppgift

Se till att src-attributet för den första bilden använder den absoluta sökvägen. Du kan hitta bilden på:

Använd den absoluta sökvägen för src-attributet för den andra bilden. Åtkomst till bilden här:

Ange det lämpliga värdet för alt-attributet för båda bilderna. Kom ihåg att alt-värdet är avgörande för att ge sammanhang om bilderna inte kan laddas eller för användare som förlitar sig på skärmläsare.

index.html

index.html

copy
  1. Använd img-taggen för att ange en bild.
  2. Använd src-attributet för att ange bildens plats.
  3. Använd alt-attributet för att tillhandahålla en beskrivande text för bilden.
  4. Du kan använda width-attributet för att definiera bildens bredd.
  5. Du kan använda height-attributet för att definiera bildens höjd.
index.html

index.html

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2
some-alt