Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Hitta och Lägga till Bilder | Bygga Bloggwebbplatsen
Webbutveckling med ChatGPT

bookHitta och Lägga till Bilder

Mål

Lägg till bilder på webbplatsen för att göra den mer attraktiv för användare. Hur kan detta göras? Bilder kan hittas på källor som Unsplash. Där kan önskat ämne sökas, bilden väljas, dess adress kopieras och användas på webbplatsen.

Steg

1. Sök efter önskat ämne

Besök https://unsplash.com/. Ange valfritt ämne av intresse här.

2. Välj bilden

Hitta den bild du tycker bäst om och klicka på den.

3. Kopiera bildadress

För att kopiera bildadressen, högerklicka på bilden och välj "Kopiera bildadress" från snabbmenyn.

4. Bildanvändning

Vi kan klistra in den kopierade adressen i bildens src-attribut för att lägga till den valda bilden på vår webbplats. Vi bör också ange bildens bredd för att säkerställa att den passar webbplatsen bra. Dessutom kan vi tillhandahålla beskrivande innehåll för alt-attributet eller använda artikelns titel för bildens alt.

Exempel:

index.html

index.html

copy

Resultat

index.html

index.html

index.css

index.css

copy

Webbplatsens tillstånd

Videohandledning

question mark

Efter att ha hittat en bild på Unsplash och valt "Kopiera bildadress", vad ska du göra med den adressen i din HTML?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 5

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

bookHitta och Lägga till Bilder

Svep för att visa menyn

Mål

Lägg till bilder på webbplatsen för att göra den mer attraktiv för användare. Hur kan detta göras? Bilder kan hittas på källor som Unsplash. Där kan önskat ämne sökas, bilden väljas, dess adress kopieras och användas på webbplatsen.

Steg

1. Sök efter önskat ämne

Besök https://unsplash.com/. Ange valfritt ämne av intresse här.

2. Välj bilden

Hitta den bild du tycker bäst om och klicka på den.

3. Kopiera bildadress

För att kopiera bildadressen, högerklicka på bilden och välj "Kopiera bildadress" från snabbmenyn.

4. Bildanvändning

Vi kan klistra in den kopierade adressen i bildens src-attribut för att lägga till den valda bilden på vår webbplats. Vi bör också ange bildens bredd för att säkerställa att den passar webbplatsen bra. Dessutom kan vi tillhandahålla beskrivande innehåll för alt-attributet eller använda artikelns titel för bildens alt.

Exempel:

index.html

index.html

copy

Resultat

index.html

index.html

index.css

index.css

copy

Webbplatsens tillstånd

Videohandledning

question mark

Efter att ha hittat en bild på Unsplash och valt "Kopiera bildadress", vad ska du göra med den adressen i din HTML?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 5
some-alt