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

HTML

on the 3rd and 4th section of web design nick is telling me to add the img to my work space. my code is exactly like its asked for but the imgages arent showing up when i refresh the page??? any help plz been slumped on how to figure this out....... HELP!!!!!!!

13 Answers

Please post your code so we can take a look at it.

Do i copy and paste it?

<!doctype html> <htmml> <head> <meta charset="utf-8"> <title>Carlos Escobedo| Designer</title> </head> <body> <header> <a href="index.html"> <hi>Carlos Escobed</hi> <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> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with Color and texture.</p> </a> </li> <li> <a href="img/number-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/number-06.jpg"> <img src"img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/number-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/number-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creatimg shaes using repetition.</p> </a> </li>
</ul> </section> <footer> <img src="img/twitter-wrap.png" alt="twitter logo"> <img src="img/facebook-wrap.png" alt="facebook logo"> <p> © 2014 Carlos Escobedo.</p> </footer> </body> </html>

There is a link to some tips on how you can post code right above the "Post answer" button.

Code Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

        ```html
        <p>This is code!</p>
        ```

'''<!doctype html> <htmml> <head> <meta charset="utf-8"> <title>Carlos Escobedo| Designer</title> </head> <body> <header> <a href="index.html"> <hi>Carlos Escobed</hi> <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> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with Color and texture.</p> </a> </li> <li> <a href="img/number-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/number-06.jpg"> <img src"img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/number-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/number-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creatimg shaes using repetition.</p> </a> </li>
</ul> </section> <footer> <img src="img/twitter-wrap.png" alt="twitter logo"> <img src="img/facebook-wrap.png" alt="facebook logo"> <p> © 2014 Carlos Esxcobedo.</p> </footer> </body> </htmml>'''

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Carlos Escobedo| Designer</title> </head> <body> <header> <a href="index.html"> <hi>Carlos Escobed</hi> <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> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with Color and texture.</p> </a> </li> <li> <a href="img/number-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/number-06.jpg"> <img src"img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/number-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/number-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creatimg shaes using repetition.</p> </a> </li> </ul> </section> <footer> <img src="img/twitter-wrap.png" alt="twitter logo"> <img src="img/facebook-wrap.png" alt="facebook logo"> <p> &copy; 2014 Carlos Esxcobedo.</p> </footer> </body> </html>

Carlos, the image tag is good written, maybe you can check if your images are at the img folder.

Let me check it out.

i checked the folder and all of the images are inside the folder could their be something wrong with the program? im also working of windows so does that hurt the creation of the page.???

i left out the . after my img folder thanks guys

Carlos, I saw an error, this <hi>Carlos Escobed</hi> should be <h1>Carlos Escobed</h1>. This is how the code should look like:

<!doctype html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>Carlos Escobedo | Designer</title> 
    </head> 


    <body> 
        <header> 
            <a href="index.html"> <h1>Carlos Escobed</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> 
            <ul> 
                <li> 
                    <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> 
                    <p>Experimentation with Color and texture.</p> </a> 
                </li> 
                <li> 
                    <a href="img/number-02.jpg"> <img src="img/numbers-02.jpg" alt="">
                    <p>Playing with blending modes in Photoshop.</p> </a>
                </li> 
                <li> 
                    <a href="img/number-06.jpg"> <img src="img/numbers-06.jpg" alt=""> 
                    <p>Trying to create an 80's style of glows.</p> </a>
                </li> 
                <li> 
                    <a href="img/number-09.jpg"> <img src="img/numbers-09.jpg" alt=""> 
                    <p>Drips created using Photoshop brushes.</p> </a> 
                </li> 
                <li> 
                    <a href="img/number-12.jpg"> <img src="img/numbers-12.jpg" alt=""> 
                    <p>Creatimg shaes using repetition.</p> </a> 
                </li> 
            </ul> 
        </section> 

        <footer> 
            <img src="img/twitter-wrap.png" alt="twitter logo"> 
            <img src="img/facebook-wrap.png" alt="facebook logo"> 
            <p> &copy; 2014 Carlos Esxcobedo.</p> 
        </footer> 
    </body> 

</html>```

Sometimes it is better if you have the complete source.  [Download here index.html](http://www.mediafire.com/download/akj4ylo64o9r11b/carlos.zip/)

All the best!

gracias

:) A las órdenes, espero que sea de ayuda y puedas resolver el problema.

Si, ya lo logre, con tu ayuda.