Workshop HTML5 & CSS3

4 Grafiken einbinden

Grafiken sind ein wichtiger Bestandteil von Webseiten. Dabei dienen Sie als Blickfänger, aber auch als eigentlicher Informationsträger. Zusätzlich haben Grafiken feste Höhen und Breiten, die automatisch Raum in der Darstellung einnehmen und damit die Dimensionen einer Seite beeinflussen. Aus diesem Grund folgen zunächst ein paar grundlegende Dinge, bevor es an die Einbindung in das Beispiellayout geht.

Grafiken werden in HTML über das img-Tag eingebunden. Dabei sind zwei Attribute verpflichtend:

src: definiert den Pfad zur ...