Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
  <nav id="navbar">
  <header>JS Documentation</header>
  <ul>
  <li><a class="nav-link"href="#introduction"rel="internal">Introduction</a></li>
  <li><a class="nav-link"href="#What_you_should already know">What you should already know</a></li>
 <li> <a class="nav-link"href="#Javascript_and _Java">Javascript and Java</a></li>
  <li><a class="nav-link"href="#Topic_1">Topic 1</a></li>
  <li><a class="nav-link"href="#Topic_2">Topic 2</a></li>
  </ul>
  </nav>
 <main id="main-doc">
   <section class="main-section" id="Introduction">
     <header id="Introduction"><h1>Introduction<h1></header>
     <code>Declaring variables</code>
     <p>JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment (for example, a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them.</p>
     <p>JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of language elements such as operators, control structures, and statements. Core JavaScript can be extended for a variety of purposes by supplementing it with additional objects; for example:</p>
     <li>Client-side</li>
     <li>Server-side</li>
       <code>Declaring variables</code>/code>
   </section>
   <section class="main-section" id="What_you_should_already_know">
     <header id="What you should already know"><h3>What you should already know</h3></header>
     <p>This guide assumes you have the following basic background:</p>
     <li>A general understanding of the Internet and the World Wide Web (WWW).</li>
       <li>Good working knowledge of HyperText Markup Language (HTML)</li>
         <li>Some programming experience. If you are new to programming, try one of the tutorials linked on the main page about JavaScript</li>
     <p>Any other content to be covered before learning this topic</p>
   </section>
   <section class="main-section" id="JavaScript_and_Java">
     <header id="JavaScript_and_Java"><h3>Javascript and Java</h3></header>
     <p>JavaScript and Java are similar in some ways but fundamentally different in some others. The JavaScript language resembles Java but does not have Java's static typing and strong type checking.</p>
     <p>In contrast to Java's compile-time system of classes built by declarations, JavaScript supports a runtime system based on a small number of data types representing numeric, Boolean, and string values.</p>
     <code>Hello world</code>
   </section>
   <section class="main-section" id="Topic_1">
     <header><h3>Topic 1</h3></header>
     <p>Technical documentation should thorough and to the point</p>
     <p>Write about features, comparisons with other languages</p>
<code>Variables</code>
   </section>
   <section class="main-section" id="Topic_2">
     <header><h3>Topic 2</h3></header>
     <p>When you declare a variable outside of any function, it is called a global variable, because it is available to any other code in the current document. When you declare a variable within a function, it is called a local variable, because it is available only within that function.</p>
     <p>When you declare a variable within a function, it is called a local variable, because it is available only within that function.</p>
     <code>This would come in a different color and font indicating lines of code</code>
   </section>
 </main>
</body>
</html>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.52

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hello and welcome to the forum. Please describe your issue.

image

you have to match the names and ids exactly
for example, in your navbar you are trying to write
href="#introduction" but that should be #Introduction

Check all your links and make sure they use the exact ids with the capital letters intact.

please check more carefully.

for eg. #Javascript_and_Java should be #JavaScript_and_Java

make sure each id matches the header and each href matches the id

Take a look at your code here:
image
If you have corrected this, it is ok. I have seen this in your previously posted code.

Please post actual code and communicate with us in actual words. Thank you

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