Abschnittsübersicht

    • Aufgabe 6

      Öffne deine Datei erste_webseite.rtf und füge ein Bild ein.

    • Um ein Bild einzufügen, verwenden wir das <img>-Tag.

      Innerhalb dieses Tags muss der Weg (Pfad) zum Bild stehen.
      <img src=“Link/Pfad hier einfügen“>

      Wichtig: Dateiendung des Bildes nicht vergessen!


      Kopiere das ganze Tag und füge es direkt vor das End-Tag </body> ein.

      <img src=https://cdn.pixabay.com/photo/2016/02/10/16/37/cat-1192026_960_720.jpg>


      Auch die Höhe [height] und Breite [width] des Bildes kann festgelegt werden:

      <img src=https://cdn.pixabay.com/photo/2016/02/10/16/37/cat-1192026_960_720.jpg width="320" height="240">

      width=“Zahl in Pixel“ ; height=“Zahl in Pixel“

    • Das Bild gefällt dir nicht?
      • Dann gehe auf die Webseite https://pixabay.com
      • Wähle ein Bild aus.
      • Klicke mit der rechten Maustaste auf das Bild.
      • Wähle Grafik-Info anzeigen
      • Kopiere die Adresse (Adresse: https://cdn.pixabay.com/photo/2016/02/10/16/37/cat-1192026_960_720.jpg)
      • Füge diese Adresse in das Tag <img src=        Hier einfügen!           > ein.
      • Fertig!


    •  
      Speichere als .html-Datei und öffne sie anschließend!

      Das Bild ist jetzt neben dem Text positioniert.

      Überlege: Mit welcher Anweisung bekommst du das Bild unter den Text?