Einfügen von Bilder in eine Website

HTML/CSS :: Aufgabe #8

2 Lösungen

Einfügen von Bilder in eine Website

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

Lösungen:

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>

Bitte melden Sie sich an um eine Kommentar zu schreiben.

Kommentar schreiben

von 0 (0 Punkte) - 07.08.2021 um 13:43 Uhr

HTML-Code

<!DOCTYPE html>

<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">
    <title>Einfügen von Bilder in eine Website</title>

  </head>

  <body>
    <img src="image.png" alt="Bild kann nicht angezeigt werden!">
    <img src="https://trainyourprogrammer.de/templates/images/logo.png" alt="Bild kann nicht angezeigt werden!">
  </body>

</html>

Bitte melden Sie sich an um eine Kommentar zu schreiben.

Kommentar schreiben