Can't insert image into HTML doc

HTML & CSS
1

Hi,
I’m hoping someone can help me please, I’m new to web developing and I’m trying to insert an image into a HTML document but all I keep getting is a blank shape of the image with a red X in the corner and the alt name. The code I’m using is:
<html>
<head>
<title>kh</title>
<link rel=“stylesheet” type=“text/css” href=“kh.css” />
</head>
<body>
<img src=“http:// images/banner.gif” width=“157” height=“70” alt=“KH logo” />
</body>
</html>
I’m using notepad++ as my text editor and WAMP server 2.2 on Win7. The image file is located within the WAMP www directory, as are my notepad PHP and CSS files.

And the strange thing is if I use the below PHP code instead within the body it pulls it up straight away.
<?php
print (“<IMG SRC =images/banner.GIF>”);
?>
If anyone could help I’d really appreciate it?
Cheers
J

2

You’ve got a space in the src attribute and a wrong url path which is why the image won’t show up.

It should be:

<img src="images/banner.gif" alt="" width="" height="">
3

Kohoutek, thank you so much, I have spent hours trying to figure that out :0(. And yet now when I think about it it makes so much sense.

I know I’ve got a long way to go and thanks again for your kind advice.

J

4

It is always the simplest thing, I’m like that sometimes :slight_smile: