HTML/CSS :: Aufgabe #8

2 Lösungen Lösungen öffentlich

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.

Lösungen:

vote_ok
von Luigi (990 Punkte) - 18.11.2020 um 16:27 Uhr
Quellcode ausblenden 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>
vote_ok
von 0 (0 Punkte) - 07.08.2021 um 13:43 Uhr
Quellcode ausblenden 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>
1800389

Du scheinst einen AdBlocker zu nutzen. Ich würde mich freuen, wenn du ihn auf dieser Seite deaktivierst und dich davon überzeugst, dass die Werbung hier nicht störend ist.