diedVIPs

html knowhow

Bilder












Bilder
img img wird verwendet, um ein Bild in eine HTML-Seite einzubetten.
Bilder sind meistens mit Webseiten verlinkt.
img erstellt einen Halteraum für das referenzierte Bild.
src - Gibt den Pfad zum Bild an.

alt - Gibt einen alternativen Text für das Bild an, wenn das Bild aus irgendeinem Grund nicht angezeigt werden kann
img {border-size: 20px;border-color:lime;}
img {max-width: 100%;mheight: auto;}
.image {display: block;width: 100%;height: auto;}

div.gallery {margin: 5px; border: 1px solid #ccc; float: left; width: 180px; }

div.gallery img {width: 100%; height: auto;}

div.desc {padding: 15px; text-align: center;}
border-radius border-radius erstellt abgerundete Bilder.   img {border-radius: 50%;}
img {border: 1px solid #ddd; border-radius: 4px; padding: 5px; width: 150px;}

<img src="paris.jpg" alt="Paris">
box-reflect box-reflect wird verwendet, um eine Bildreflexion zu erstellen. below
above
left
right.
img {-webkit-box-reflect: below;}
img {-webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));}
figure figure wird verwendet, um ein Foto in einem Dokument zu markieren
  figure {float: right; width: 30%; text-align: center; font-style: italic;
font-size: smaller; text-indent: 0;
border: thin silver solid; margin: 0.5em;
padding: 0.5em;}
figcaption figcaption wird verwendet, um eine Bildunterschrift für das Foto zu definieren.   figcaption {background-color: black; color: white; font-style: italic; padding: 2px; text-align: center;}








Kontakt    Datenschutz   Impressum