Heute feiern wir die Kunst der Fotografie und die wunderbaren Momente, die sie festhält. Egal, ob du ein Profi oder ein Hobbyfotograf bist, deine Bilder erzählen Geschichten und bewahren Erinnerungen.
Wir laden dich ein, deine schönsten selbstgemachten Fotos mit uns zu teilen! Postet eure Bilder und taggt uns mit #missionwebstyle. Lasst uns gemeinsam die Welt durch eure Linse sehen und inspirierende Momente miteinander teilen. 📷✨
picture
-
📸 Happy Welt-Foto-Tag! 🌍
-
Ostern
Schönen Ostermontag wünscht euer mission-webstyle Team.
-
Bild bei HTML einfügen
Um ein Bild auf einer Webseite einzufügen, wird das Tag <img> verwendet. Dieses Tag hat keinen Inhalt, sondern nur Attribute, wie z. B.:
<img src=“images/beispielbild.png“
height=“200px“ width=“400px“
alt=“Beispielbild“ title=“Beispielbild“ />• src: gibt die Quelle des anzuzeigenden Bildes an.
• height: Höhe des Bildes (wird nur die Höhe angegebene wird die Breite automatisch mit skaliert)
• width: Breite des Bildes (wird nur die Breite angegebene wird die Höhe automatisch mit skaliert)
• width und height: Wird die Höhe und die Breite angegeben bekommt das Bild eine feste Größe und es wird keine automatische Skalierung vorgenommen. Das heißt die dadurch entstehenden Proportionen müssen zu dem Bild passen.
Wird weder die Höhe noch die Breite angegeben, wird das Bild in Originalgröße angezeigt.
Die Attribute height und width bestimmen die Anzeigegröße des Bildes, verändern jedoch nicht die Originalgröße des Bildes.
• alt: damit wird der Alternativtext für das Bild angegeben.
• title: zeigt vorgegeben Text an, wenn die Maus über dem Bild stehen bleibt
-
Alternativ-Text
Alternativ-Text
Alternativ-Text bei Bildern:
• Er beschreibt den gezeigten Inhalt eines Bildes in kurzen Worten
• Sollte die Internetverbindung zu langsam zum Laden von Bildern sein, können die Inhalte durch den Alternativtext trotzdem nachvollzogen werden
• Wichtig für Barrierefreiheit: dadurch können auch Sehbehinderte oder Menschen mit kognitiven oder körperlichen Einschränkungen Grafiken, Bilder und Fotos verstehen
• Suchmaschinen orientieren sich zudem an den Alternativtexten und nicht an den Bildern (Webseiten mit Alternativtexten werden bei Suchanfragen eher angezeigt)