html Bild erscheint nicht

  • Hallo,

    ich habe angefangen eine index.html Seite zu erstellen. Scheitert schon am Beginn. Ein eingefügtes Bild, was im header auftauchen soll, erscheint nicht.

    </head>

    <body>

    <header> <img src="/website/bilder/portrait.jpg" width="50" height="50">



    </body>

    </html>

    Es taucht nur ein kleines leeres Fenster auf. Die Pfadangabe sollte korrekt sein! Auch ein Test an anderer Stelle mit Bild, gibt keinen Erfolg.

    Das Bild ist verkleinert und als jpg abgespeichert und liegt im Ordner Bilder.

    Der Ordner Bilder liegt im gleichen Verzeichnis wie die index.html. Wo liegt mein Fehler? Über einen Hilfe Anstoss würde ich mich freuen. Danke

  • Ich nehme an, du willst ein icon einblenden. Dann wäre das hier ein gültiger Code:


    Code
    <head>
    <title>Hallo Welt</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" type="image/png" href="/images/icon_iso196.png">
    <link rel="shortcut icon" sizes="196x196" href="/images/icon_iso196.png">
    <link rel="apple-touch-icon" href="/images/icon_iso196.png">
    </head>

    Natürlich kann die Anzahl der Varianten höher gehalten werden, aber mit 196px kommen alle gängigen Betriebssysteme/Browser zurecht.


    Wenn du einfach nur ein Bild einblenden willst, musst du auch den header schließen. header, footer, address, nav sind neuere Tags von HTML, die es anfangs nicht gab.

  • Stimmt denn der Pfad?


    Versuchs mal mit

    <img src="bilder/portrait.jpg" width="50" height="50">


    Alternativ:

    <img src="/bilder/portrait.jpg" width="50" height="50">


    Oder einfach mal das Bild direkt aufrufen im Browser: https://deinedomain.de/bilder/portrait.jpg


    Die Browser Entwicklertools (F12) helfen auch immer gut bei der Problemsuche.

  • Warum steht da <header>?

    Was sagen die Entwickertools (wie z.B. bei Chrome)?

    header ist ein HTML5-Tag und kann sich sowohl in einem article als auch direkt im body auf einer Seite befinden und beispielsweise auch eine Navigation enthalten. Finde ich persönlich sehr gut, da man seine Seiten noch besser durchstrukturieren kann. Einen footer gibt es übrigens auch ;)

    Mit freundlichen Grüßen


    D. Bachmann


    mtwb | make the web better

    magento | typo3 | webdevelopment | seo | hosting