Kursinhalt
Webentwicklung Grundlagen mit KI
Webentwicklung Grundlagen mit KI
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:
index.html
Ergebnis
index.html
index.css
Website-Zustand
Video-Tutorial
Danke für Ihr Feedback!