1.17 Bilder in HTML

Weiter unten findest du ein Fenster von Codepen mit schon etwas Code. Du kannst den Code direkt in dem Fenster editieren. Beantworte die 6 Quiz-Aufgaben, indem du die Aufgaben direkt am Code unten ausprobierst.

Hinweis Im Video erhältst du eine kurze Erklärung: Der Code steht doppelt da, damit du jederzeit wieder den Originalcode kopieren kannst. So hast du auch immer das Originalbild und siehst wie sich das Bild ändert, wenn du etwas am Code änderst.

See the Pen WEB_17_Bilder by RockStartIt (@RockStartIt) on CodePen.

Hilfe: Der Code ist weg!

Falls du versehentlich allen Code gelöscht oder geändert hast, kannst du das Browserfenster neuladen. Dann ist der Originalcode wieder da. Das Browser-Fenster lädst du mit dem -Symbol neu (s. Bild):

Tastenkürzel

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”.

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”

Queries vector created by pch.vector - www.freepik.com