How to implement a tab menu?

Question

User navigation

How to implement a tab menu? The picture, the text changes when you click on the link in the menu. Logo, menu -- header in place.
Home

Project

html:

<header>
            <a href="index.html" class="logo"></a>
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Project</a></li>
                    <li><a href="#">Manual</a></li>
                    <li><a href="#">Lab</a></li>
                    <li><a  href="#">About</a></li>
                </ul>
            </nav>
        </header>
        <section class="Home">
        <h1>
            text 
        </h1>
<p>text</p>
        </section>
        <section class="Project">
            <h1>Project text</h1>
            <p>lalalal</p>
        </section>