dropmenu_00.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <title>Drop Menu: Step 0</title>
  <style type="text/css">

    dl.drop-menu {

    }

  </style>
</head>
<body>
<nav>
  <dl class="drop-menu">
    <dt>Days of the Week</dt>
    <dd>Monday</dd>
  </dl>
</nav>
<section>
  <p>A CSS Drop Menu.</p>
</section>
<script>

/* DROP-CSS
 *
 * 1. Review the HTML markup above and test in a browser to see how it renders.
 * 2. A CSS file named "dropmenu.css" can be found in the adjacent directory named "css".
 * 3. Add a <link> element to the <head> of this document to attach that CSS:
 *
 *    <link rel="stylesheet" href="css/dropmenu.css">
 *
 * 4. Test the page in the browser to see how the styles influence the markup.
 * 5. Following the example of the "Monday" item, add the other days of the week.
 * 6. For next steps, continue to the next file, dropmenu_01.html ...
 *
 */

</script>
</body>
</html>