0 Fähigkeitspunkte
0 Neuro-Netz Punkte
0 Web-Creator Punkte
0 Daten-Detektiv Punkte

Inhalte

1.18 Jetzt wird’s bunt!

Bilder einfügen
Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.

Es ist Zeit deine Webseite mit Bildern zu beleben. Denke aber immer daran: Bilder sollten immer das unterstützen, was in den Texten zu finden ist. Bilder die vom eigentlichen Inhalt der Webseite ablenken, helfen uns nicht weiter.

Weiter unten findest du eine Auswahl von Bildern und ihren Speicheradressen. Alternativ kannst du auch Bilder aus dem Internet verwenden. Denke aber immer daran, dass es sehr wichtig ist, dass die Bilder LIZENZFREI sind!! Eine Seite auf der es lizenzfreie Bilder gibt ist Pixabay.

Wähle von unten oder auf Pixabay Bilder aus und füge sie auf deiner Webseite ein.

Die Speicheradresse der Bilder erhältst du, indem du auf das Bild klickst, dann Rechtsklick >> “Grafik in neuem Tab öffnen” und dann die URL kopierst.

Beispielbilder:

1. Kopieren und Einfügen

Oft ist es nützlich Texte oder Elemente einfach zu kopieren. Markiere dafür den Text mit der linken Maustaste. Drücke dann die Tasten “strg”+”c”. Klicke dann an die Stelle, wo der Text eingefügt werden soll. Drücke dann die Tasten “strg”+”v”.

Bild von Tastatur

2. Tags: “<” und “>”

Für “<” drückst du nur die Taste rechts oben von “Strg”. Für “>” drückst du “Shift+<“. “Shift” ist die Taste direkt oberhalb von “Strg”.

3. Schrägstrich “/”

Für “/” drückst du “Shift+7”.

4. Anführungszeichen “: “Shift+2”

Falls du dein Codepen-Fenster versehentlich geschlossen hast, oder deine Arbeit aus einem anderen Grund verloren gegenagen ist, kannst du hiermit weiterarbeiten. Klicke einfach auf den folgenden “Codepen”-Button. Es wird sich ein neues Codepen-Fenster öffnen, indem du weiterarbeiten kannst.


Requested file could not be found (error code 404). Verify the file URL specified in the shortcode.
Inhalte 1.17 Bilder in HTML
Vollständig
Inhalte 1.19 Videos in HTML