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 trialLindley Canonigo
691 PointsHow to add images in list tag in HTML
I tried to put the images that required me to put in but still got error message. I created the code like this:
<section> <nav> <ul> <li> <img src="numbers-01.jpg" alt=""> <img src="numbers-02.jpg" alt=""> <img src="numbers-06.jpg" alt=""> </li> </ul> </nav> </section>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit</title>
</head>
<body>
<header>
<a href="index.html">
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
</section>
<footer>
<p>© 2013 Nick Pettit.</p>
</footer>
</body>
</html>
3 Answers
Zach Patrick
19,209 PointsDid your answer look like this?
<ul>
<li><img src="numbers-01.jpg" alt=""></li>
<li><img src="numbers-02.jpg" alt=""></li>
<li><img src="numbers-06.jpg" alt=""></li>
</ul>
Zach Patrick
19,209 PointsTo add an image you just insert the self-closing image tag. The you need to add the src value and the alt value.
Example: <img src="image-path.png" alt="Alternative Text">
Lindley Canonigo
691 Pointsyes ur right but I done that to my quiz but I got an error message with the challenge that I answered right now.
Lindley Canonigo
691 PointsLindley Canonigo
691 PointsYes I did but at the top of <ul> I put <nav> and the closing </nav> under </ul>. This is the only thing I added on ur answer.
Zach Patrick
19,209 PointsZach Patrick
19,209 PointsDid you by chance add 'img/' to the beginning of the source. I've noticed that's a common mistake with this question. The question didn't specify that the images were in a separate folder.
Lindley Canonigo
691 PointsLindley Canonigo
691 PointsYes I got it now! thanks for ur helped. I just removed the <nav></nav> then it works.
Zach Patrick
19,209 PointsZach Patrick
19,209 PointsAwesome!