Images not displaying even though they;'re in the same folder

<html>
<head>
<link rel = "stylesheet" type = "text/css" href = "style.css">
<title>Website</title>
</head>
<body>
<header>
</header>
<div id="header">

	<ul><a name="backtotop"><a>
		<li><a href="index.html">Home</a></li>
		<li><a href="Page2.html">asdasd</a></li>
		<li><a href="Page3.html">fdsagsg</a></li>
		<li><a href="Page4.html">hwerhwer</a></li>
		<li><a href="Page5.html">3q252f</a></li>
	</ul>
	
<div id="firstpic">
	<img src="volcano.jpeg" class="cloudpic">
	<h1> Hello, this is a cloud. It was in Arizona. </h1>
	<h2>Where gypsies jump over the rainbow. Mormons smell because they don't shower. Frogs are green and have <h2>
	<h3>mouths and are 1000 pixels big. Zero one one. Where gypsies jump over the rainbow. Mormons smell because they don't shower. Frogs are green and have <h2>
	<h3>mouths and are 1000 pixels big. Zero one one.</</h3>
	
</div>
<div id="secondpic">
	<img src="volcano.jpeg" class="volcanopic">
	<h1> Hello </h1>
	<p> askld; ask;dl asd;kl </p>
</div>		

<div id="thirdpic">
	<img src="astronaut.jpeg" class="astronaut">
	<h1> Hello </h1>
	<p> askld; ask;dl asd;kl </p>
</div>		
	
	<ul>
		<li><a href="#backtotop">BACK TO TOP</a></li>
		<li>2nd PAGE</li>
		<li>3rd PAGE</li>
		<li>4th PAGE</li>
		<li>5TH PAGE</li>
	</ul></footer>

</body>

</html>

#header {
	background-color: blue;
	color: white;
	width: 100%;
	height: 80px;
	float:left;
	box-shadow: 10px 10px 10px black;
	margin-top: -10px;
	display: inline-block;
	text-align: center
	list-style-type: none;
	list-style-type: none;
	
}

ul li, a {
	text-align: center;
list-style-type: none;
display: inline-block;
margin-top: 7px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
margin-left: 73px;
}

.cloudpic {
	width: 91%;
	height: 850px;
	margin-left: 95px;
	margin-top: 60px;
	position: relative;
}
h1{
	position: absolute;
	top: 43%;
	left: 34%;
	box-shadow: 1px 1px 1px white;
	text-align: center;
	
}
h2{
	position: absolute;
	top: 50%;
	left: 19%;
	box-shadow: 1px 1px 1px white;
	text-align: center;
	color: black;
	background-color: white;
}
h3{
	position: absolute;
	top: 55%;
	left: 19%;
	box-shadow: 1px 1px 1px white;
	text-align: center;
	
}

Difficult to say. Maybe you put your html not on a webserver? Maybe you called your site locally with filesystem?

Even if i did use file system to call it locally it shoyuld load the images.

That’s true… your files have the same ending as in html: .jpeg and not .jpg?

yes .jpeg yes .jpeg yes .jpeg yes .jpeg yes .jpeg yes .jpeg yes .jpeg