Aus dem Kurs: Responsive Webdesign: Bilder und Videos
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Der "richtige" Bildtyp
Aus dem Kurs: Responsive Webdesign: Bilder und Videos
Der "richtige" Bildtyp
Sie können Bilder auf Webseiten mit HTML oder mit CSS einfügen. Wann nimmt man was? Beginnen wir bei den Bildern, die im HTML-Code stehen. Dafür verwenden Sie das img-Element und bei src kommt der Pfad zum Bild. Außerdem, und das ist wichtig, können Sie, und das sollten Sie auch, einen alternativen Text angeben, bei dem Attribut alt, und dieser Text, der dort angegeben ist, wird genommen, wenn das Bild nicht angezeigt werden kann oder nicht angezeigt werden soll und dieser Text wird auch von Suchmaschinen ausgelesen; das heißt entweder das Bild oder der Text. Sie können bei HTML-Bildern aber auch noch eine Beschreibung mitliefern, die immer angezeigt wird. Dafür verwenden Sie das umfassende Element figure. Da steht das Bild drin und bei figcaption kann ich eine Bildbeschreibung angeben. Das ist meine Beschreibung, die hier unten angezeigt wird. Außerdem können Sie auch Bilder per CSS einfügen. Bei diesem Element habe ich eine Klasse vergeben und oben definiere ich ein Hintergrundbild…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.