index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Web Programming Basics</title>
        <link href="styles/style.css" rel="stylesheet" type="text/css">
        <link href="https://fonts.google.com/?selection.family=Noto+Sans" rel="stylesheet">
    </head>
    <body>
        <div class="nav">
            <img class="logo" src="images/html5.png" alt="HTML5">
            <a class="title" href="index.html">웹 프로그래밍 기초</a>
            <a class="nav-item" href="lecture-2-1.html">HTML</a>
            <a class="nav-item" href="lecture-2-2.html">CSS</a>
            <a class="nav-item" href="lecture-2-3.html">실습</a>
        </div>
        <div class="contents">
            <h1>2. HTML & CSS</h1>

            <h3>강의소개</h3>
            <p>
                본 강의는 ...
            </p>

            <h3>목차</h3>
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <li>실습</li>
            </ul>
        </div>
    </body>
</html>