Linking nav-link to main-section (Tech Doc project)

HTML-CSS
1

Hi all,
Only one step left to complete the Technical Documentation Project.
I’m getting stuck on the internal linking from the nav-link to the main-section elements. What is the convention I need for a href local link in index.html?

<!DOCTYPE html>

<html>
  <head>
    <link href="styles.css">
  <main id="main-doc">
    <section class="main-section"        id="Section_1">
      <header>Section_1</header>
      <p></p>
      <p></p>
      <code></code>
      <li></li>
    </section>
    <section class="main-section" id="Section_2">
      <header>Section_2</header>
      <p></p>
      <p></p>
      <code></code>
      <li></li>
    </section>
    <section class="main-section" id="Section_3">
      <header>Section_3</header>
      <p></p>
      <p></p>
      <code></code>
      <li></li>
    </section>
    <section class="main-section" id="Section_4">
      <header>Section_4</header>
      <p></p>
      <p></p>
      <code></code>
      <li></li>
    </section>
    <section class="main-section" id="Section_5">
      <header>Section_5</header>
      <p></p>
      <p></p>
      <code></code>
      <li></li>
    </section>
    <nav id="navbar">
     <header>Navigation Bar</header>
     <a class="nav-link" href="index.html.Section_1">Section_1</a>
     <a class="nav-link" href="index.html.Section_2">Section_2</a>
     <a class="nav-link" href="index.html.Section_3">Section_3</a>
     <a class="nav-link" href="index.html.Section_4">Section_4</a>
     <a class="nav-link" href="index.html.Section_5">Section_5</a>
   </nav> 
  </main>
   
</html>
2

Usually with an internal link, the form is href = #id-of-element.
Hope this helps!

3

It helped! I just added the " " and I was good :slight_smile:

1 Like
4

Great! I’m glad you solved your problem.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.