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
Grundläggande AI-Driven Webbutveckling

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 även ange bildens bredd för att säkerställa att den passar webbplatsen väl. Dessutom kan vi ange 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

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

Awesome!

Completion rate improved to 5

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 även ange bildens bredd för att säkerställa att den passar webbplatsen väl. Dessutom kan vi ange 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

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 5
some-alt