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

Klaudia Krol
Klaudia Krol
576 Points

Preview Page Is showing INDEX OF.

Hi there,

I followed all step by step and in the end when I clicked prevous page is showing of only Index of . It should be my name etc...

Ive done refresh and dont work maybe its system problem.

Could you please help me?

Thanks a mil! Klaudia

2 Answers

Andrea Miotto
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andrea Miotto
iOS Development Techdegree Graduate 23,357 Points

Try with this:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Klaudia Krol | Designer</title>
    </head>

    <body>
        <header>
          <a href="index.html">
          <h1>Klaudia Krol</h1>
          <h2>Designer</h2>
          </a>
          <nav>
            <ul>
            <li>Portfolio</li>
            <li>About</li>
            <li>Contact</li>
           </ul>
          </nav>
        </header>
        <section>
          <p>Gallery will go here.</p>
        </section>
        <footer>
          <p>&copy; 2015 Klaudia Krol</p>
        </footer>
    </body>
</html>

You were missing the most important tags of html: "html,head,body". And you wrote "a herf" instead of "a href"

In the "html" tag you put all your code.

in "head" tag, you will put all the code that will use you browser to make sure that the page will works, but it will be not visible to the final user. Like css link, script link, meta, title of the page, etc.

In the "body" tag you will put everything you want to be shown.

Klaudia Krol
Klaudia Krol
576 Points

Thank you very much Andrea for ur help.

I check it now.

Best Regards, Klaudia

Klaudia Krol
Klaudia Krol
576 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Klaudia Krol | Designer</title> </head> <body> <header> <a herf="index.html"> <h1>Klaudia Krol</h1> <h2>Designer</h2> </a> <nav> <ul> <li>Portfolio</li> <li>About</li> <li>Contact</li> </ul> </nav> </header> <section> <p>Gallery will go here.</p> </section> <footer> <p>Ā© 2015 Klaudia Krol</p> </footer> </body> </html>