Einfügen von Bilder in eine Website

2 Lösungen

Anfänger - HTML/CSS von Programmer21 - 05.05.2019 um 21:57 Uhr

Gesucht werden zwei Möglichkeit Bilder in eine Website einzubinden.
Einmal gespeicherte Bild auf eigenem Server und Bild von anderen Websiten.

Bitte melden Sie sich an um zur Aufgabenbeschreibung eine Frage zu stellen.

Frage stellen

Bitte melden Sie sich an um eine Lösung einzureichen.

Lösung einreichen

von Luigi (990 Punkte) - 18.11.2020 um 16:27 Uhr

HTML-Code

<!DOCTYPE html>
<head>
  <title>BilderInWebsite</title>
  <meta charset="utf-8">
</head>
<style>
  html{
    background-color: lightgrey;
  }
  .picture{
    width: 300px;
    height: 300px;
    border: 1px solid black;
    background-image: url(die-gluehbirne.png);
    background-size: cover;
  }
  .background{
    background-image: url(https://trainyourprogrammer.de/templates/images/logo.png);
    border: 1px solid black;
    width: 700px;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
  }
</style>
<html>
  <body>
    <div class="picture"></div>
    <div class="background"></div>
  </body>
</html>