Where does an image file need to be on my computer to be in an HTML document

0.00/5 (No votes)

See more:

I'm trying to make a website for my little "Business" (not actually a business).
for the header I've put a logo, as well as using embedded CSS made a background colour for my header, but when I go to view it in my web browser it just shows a blank page, not even the alt text I put in the img tag. my main problem is where should an image be on my computer to be inserted into the HTML document or how I should format the tag. additionally, it would be nice to know if I'm doing anything wrong with the CSS. Thank you in advanced.

What I have tried:

I've tried this

HTML

<html>

	<head>

	<title>Deep Ocean Entertainment Canada</title>
	
	<style>
		.header{
			
			Background-color:#3939A5;
			
		}
	</head>
	<body>
		<div class=header>
		<img src="DOEC_logo.png" alt="DOEC" />
		
		</div>
	</body>

</html>

Posted 22-Mar-20 16:19pm

HTMLPuppy

Add a Solution

Comments

F-ES Sitecore 23-Mar-20 7:28am

Are you using a web server or are you opening the html file in the browser from the file system?

HTMLPuppy 25-Mar-20 13:02pm

I'm opening the file with safari. Does that answer your question?

F-ES Sitecore 25-Mar-20 13:59pm

Put the image in the same folder as the html page.

ZurdoDev 23-Mar-20 7:38am

Since your src attribute only has a file name it needs to be in the same folder as the html file.

Common convention would be to create a subfolder named images and then your src attribute would be "images\DOEC_logo.png".

HTMLPuppy 25-Mar-20 13:02pm

ok thank you

HTMLPuppy 25-Mar-20 13:09pm

The underscore replaces a space, correct?

ZurdoDev 25-Mar-20 13:19pm

No, if there is a space, it should have a space.

HTMLPuppy 25-Mar-20 13:25pm

I FIXED IT!!!

HTMLPuppy 25-Mar-20 13:27pm

There was a problem with the CSS, I forgot to add the at the end

HTMLPuppy 25-Mar-20 13:27pm

the ending style element

RedDk 28-Mar-20 16:29pm

(never mind ... this editor @ cp is massively messed u)p

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Last 24hrs

This month

Rick York	90
Richard MacCutchan	65
Graeme_Grant	60
Richard Deeming	55
Dave Kreskowiak	50

Pete O'Hanlon	1,820
OriginalGriff	1,355
Graeme_Grant	895
Richard Deeming	798
Dave Kreskowiak	684

Where does an image file need to be on my computer to be in an HTML document

Add your solution here

Preview 0

Where does an image file need to be on my computer to be in an HTML document

Add your solution here

Preview 0

Existing Members

...or Join us