Naga Vemprala Naga Vemprala - 10 months ago 48
HTML Question

png file is not getting displayed on HTML5 page

I have created a small web page. I placed the png file in the same location as my index.html. But it is not getting displayed.

Here is my html code:

<!DOCTYPE html>

<title>Welcome to Learners lingo!! </title>
<meta charset=“UTF-8”/>
<link rel=“stylesheet” href=‘styles.css’ type=“text/css” >
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>

<body bgcolor="#e6ecff">
<header class=“mainHeader”>
<img src=‘logo.png’ alt=“logo” width="42" height="42">

<li><a href=“#”>Home</a></li>
<li><a href=“#”>About</a></li>
<li><a href=“#”>Course material</a></li>
<li><a href=“#”>Nasty Things</a></li>
<li><a href=“#”>Contact</a></li>

<div class=“mainContent”>
<div class=“content”>
<article class=“top content”>
<h2><a href=“#” title=“First Post”>First Post</a></h2>
<p> class=“post-info”>This post is written by Me !</p>
<p> Just this is one of the main content </p>

<aside class=“top-side-bar”>
<h2> Top side bar</h2>
<p> This is just a side bar </p>

<aside class=“middle-side-bar”>
<h2> Middle side bar</h2>
<p> This is just a side bar </p>

<aside class=“Bottom-side-bar”>
<h2> Bottom side bar</h2>
<p> This is just a side bar </p>

<footer class=“Main Footer”>
<p> Copyright &copy; <a href=“”> Learners Lingoo </a> </p>


Could someone help me understand why the image is not getting displayed. I have been trying to resolve it from couple of hours, but not sure what mistake am I doing. The file name is correct. A simple logo.png

enter image description here

Answer Source

You should use regular single (') or double (") quotes, not or :

<img src="logo.png" alt="logo" width="42" height="42">
<!--Here-^--------^-----^----^ -->