Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Bilder Finden und Hinzufügen | Erstellen der Blog-Website
Webentwicklung Grundlagen mit KI
course content

Kursinhalt

Webentwicklung Grundlagen mit KI

Webentwicklung Grundlagen mit KI

1. Kursübersicht & KI im Programmieren
2. Website-Anatomie
3. Einführung in ChatGPT
4. Erstellen der Blog-Website

book
Bilder Finden und Hinzufügen

Ziel

Lassen Sie uns einige Bilder zur Website hinzufügen, um sie für die Benutzer attraktiver zu gestalten. Wie können wir das tun? Wir können Bilder auf Quellen wie Unsplash finden. Dort können wir nach dem gewünschten Thema suchen, das Bild auswählen, seine Adresse kopieren und auf der Website verwenden.

Schritte

1. Suchen Sie nach dem gewünschten Thema

Besuchen wir https://unsplash.com/. Sie können hier jedes Thema eingeben, das Sie interessiert.

2. Wählen Sie das Bild aus

Finden Sie das Bild, das Ihnen am besten gefällt, und klicken Sie darauf.

3. Bildadresse kopieren

Um die Bildadresse zu kopieren, klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie "Bildadresse kopieren" aus dem Kontextmenü.

4. Bildverwendung

Wir können die kopierte Adresse in das src-Attribut des Bildes einfügen, um das ausgewählte Bild zu unserer Website hinzuzufügen. Wir sollten auch die Bildbreite angeben, um sicherzustellen, dass es gut auf die Website passt. Zusätzlich können wir beschreibende Inhalte für das alt-Attribut bereitstellen oder den Artikeltitel für das Bild alt verwenden.

Beispiel:

html

index.html

copy

Ergebnis

html

index.html

css

index.css

copy

Website-Zustand

Video-Tutorial

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 5
We're sorry to hear that something went wrong. What happened?
some-alt