Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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>