Html Hintergrundbild hinzufügen?

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet
MrAmazing2
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, Programmiersprache, Programmieren & Softwareentwicklung
09.06.2023, 21:34

Das muss man per CSS machen. So sollte es klappen:

<style>
body {
  margin: 0;
  background-image: url("verbrannt.png");
}
</style>
snnozzy 
Fragesteller
 09.06.2023, 21:42

Danke aber geht das auch in Html weil ich benutze bisher noch kein CSS und wenn wie nutze ich CSS

0
MrAmazing2  09.06.2023, 21:53
@snnozzy
geht das auch in Html

Nein, nicht dass ich wüsste.

und wenn wie nutze ich CSS

Am einfachsten, in dem du einfach das Codestück aus meiner Antwort in deine HTML Datei einfügst. In den Head.

<!DOCTYPE html>
<html>
<head>
  ...

  <style>
  body {
    margin: 0;
    background-image: url("verbrannt.png");
  }
  </style>
</head>

<body>
  ...
</body>
</html>
3
PWolff
09.06.2023, 22:08

rel="stylesheet" bindet eine CSS-Datei ein. (https://supportnet.de/stat/2004/8/id191064.asp)

In der verlinkten CSS-Datei kannst du ein Hintergrundbild definieren: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image?retiredLocale=de

Wenn du nur eine kleine Site hast, bei der du ziemlich sicher bist, dass sie nicht erweitert werden wird, kannst du das Hintergrundbild auch direkt einbinden - wenn es für die ganze Seite gelten soll, in das <body>-Element: https://www.w3schools.com/html/html_images_background.asp