Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Image Tags

Daniel Villanueva
Daniel Villanueva
12,329 Points
Posted by Daniel Villanueva
Daniel Villanueva
12,329 Points

The picture does not change when I refresh the page

s

6 Answers

Daniel Villanueva
Daniel Villanueva
12,329 Points
Daniel Villanueva
Daniel Villanueva
12,329 Points

I put "https://placeimg.com/640/480/any" and it suppose to change image everytime I refresh the page.

Tianni Myers
Tianni Myers
10,453 Points
Tianni Myers
Tianni Myers
10,453 Points

The code looks correct so try to refresh the browser. Try setting the image as a background or download the file and add it to your project.

Kegan Windle
Kegan Windle
2,217 Points
Kegan Windle
Kegan Windle
2,217 Points

The issue is that it's not generating a new image each time I refresh the page.

Here is my code:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Kegan Windle's Profile</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head> <body>

<div class="main-nav">
    <ul class="nav">
      <li class="name">Jane Smith</li>
      <li><a href="#">Home</a></li>
      <li><a href="resume.html">Experience</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>

<header>
  <img src="http://placeimg.com/400/400/people" alt="Drawing of Jane Smith" class="profile-image">
  <h1 class="tag name">Hello, I’m Kegan.</h1>
  <p class="tag location">My hometown is West Palm Beach, Florida.</p>
</header>

<main class="flex">
  <div class="card">
    <h2>Background</h2>
    <p>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs. I’m excited to bring my life experience to the process of building fantastic looking websites.</p>
    <p>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</p>
    <ul>
      <li>To learn more, <a href="resume.html">view my resume.</a></li>
    </ul>
  </div> 

  <div class="card">
    <h2>Goals</h2>
    <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
    <ul class="skills">
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Ruby</li>
      <li>Rails</li>
    </ul>
    <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
  </div> 

</main>
<footer>
  <ul>
    <li><a href="#" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  </ul>
  <p class="copyright">Copyright 2015, Jane Smith</p>
</footer>

</body> </html>

Daniel Villanueva
Daniel Villanueva
12,329 Points
Daniel Villanueva
Daniel Villanueva
12,329 Points

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Daniel's Profile</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head> <body>

<div class="main-nav">
    <ul class="nav">
      <li class="name">Jane Smith</li>
      <li><a href="#">Home</a></li>
      <li><a href="resume.html">Experience</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>

<header>
  <img src="https://placeimg.com/640/480/any" alt="Drawing of Jane Smith" class="profile-image">
  <h1 class="tag name">Hello, I’m Daniel.</h1>
  <p class="tag location">My home is Ilo, Moquegua.</p>
</header>

<main class="flex">
  <div class="card">
    <h2>Background</h2>
    <p>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs. I’m excited to bring my life experience to the process of building fantastic looking websites.</p>
    <p>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</p>
    <ul>
      <li>To learn more, <a href="resume.html">view my resume.</a></li>
    </ul>
  </div> 

  <div class="card">
    <h2>Goals</h2>
    <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
    <ul class="skills">
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Ruby</li>
      <li>Rails</li>
    </ul>
    <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
  </div> 

</main>
<footer>
  <ul>
    <li><a href="#" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  </ul>
  <p class="copyright">Copyright 2015, Jane Smith</p>
</footer>

</body> </html>

Michael Ford
PLUS
Michael Ford
Courses Plus Student 3,297 Points
Michael Ford
Michael Ford
Courses Plus Student 3,297 Points

I had the same issue. After making changes to the code, you have to save the changes before refreshing the web page. Hopefully that fixes the issues that you are experiencing.

Kegan Windle
Kegan Windle
2,217 Points
Kegan Windle
Kegan Windle
2,217 Points

The issue is that it's not generating a new image each time I refresh the page.

Here is my code:

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Kegan Windle's Profile</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head> <body>

<div class="main-nav">
    <ul class="nav">
      <li class="name">Jane Smith</li>
      <li><a href="#">Home</a></li>
      <li><a href="resume.html">Experience</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>

<header>
  <img src="http://placeimg.com/400/400/people" alt="Drawing of Jane Smith" class="profile-image">
  <h1 class="tag name">Hello, I’m Kegan.</h1>
  <p class="tag location">My hometown is West Palm Beach, Florida.</p>
</header>

<main class="flex">
  <div class="card">
    <h2>Background</h2>
    <p>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places and have worked in lots of different jobs. I’m excited to bring my life experience to the process of building fantastic looking websites.</p>
    <p>I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</p>
    <ul>
      <li>To learn more, <a href="resume.html">view my resume.</a></li>
    </ul>
  </div> 

  <div class="card">
    <h2>Goals</h2>
    <p>I want to master the process of building web sites and increase my knowledge, skills and abilities in:</p>
    <ul class="skills">
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Ruby</li>
      <li>Rails</li>
    </ul>
    <p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
  </div> 

</main>
<footer>
  <ul>
    <li><a href="#" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  </ul>
  <p class="copyright">Copyright 2015, Jane Smith</p>
</footer>

</body> </html>

Ivan Poch
Ivan Poch
10,560 Points
Ivan Poch
Ivan Poch
10,560 Points

Its issue with your browser, on my chrome it wont change but on firefox yes, try clear cache or cookies in browser settings