index.html

<!-- ... -->
<header>
    <img src="//placehold.it/190x190"><!-- img tag represents an image. src attribute tells the browser where the image is located, currently placehold.it, because the new logo hasn't been made yet -->
    <h1>Student Council</h1><!-- the h1, h2, h3, h4, h5 and h6 elements represent headers, h1 being the biggest and h6 the smallest -->
    <nav><!-- functionally nearly identical to a div, but used for semantic reasons -->
        <a href="#introduction">Introduction</a><!-- a, short for anchor, represents a link that, when clicked, takes the user to a different page. in this case, the only change made is to the url hash, which will be handled by javascript and show a different section to the user -->
        <a href="#members">Members</a><!-- the code I used to achieve the single-page multiple-page effect will be explained in a blog post after this one -->
        <a href="news">News</a>
        <a href="#contact">Contact us</a>
    </nav>
</header>
<!-- ... -->