How can I switch between pages with the navigation bar?

I have a navigation bar like this:

<div class="custom-padding">
        <nav>
            <div class="logo">Logo</div>
            <ul class="menu-area">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div>

How should I link the pages?