Cuéntanos qué está pasando:
debe tener un id que coincida con el texto de su primer hijo, para tener espacios en el texto de su hijo reemplace los espacios por (_ ) para los id.
Tu código hasta el momento
<html>
<head>
<title>Documentación técnica</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="navbar">
<header>
<h1>Documentación técnica</h1>
</header>
<ul>
<li><a class="nav-link" href="#HTML_and_CSS">HTML and CSS</a></li>
<li><a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a></li>
<li><a class="nav-link" href="#Python_and_Ruby">Python and Ruby</a></li>
<li><a class="nav-link" href="#PHP_and_SQL">PHP and SQL</a></li>
<li><a class="nav-link" href="#CSharp_and_VB">C# and VB</a></li>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="HTML_and_CSS">
<header>HTML and CSS</header>
<p>HTML is a markup language used for creating the structure and content of web pages. CSS is a style sheet language used for describing the presentation of a document written in HTML.</p>
<p>HTML elements are represented by tags, and CSS can be applied to these tags to change their appearance. CSS can be used to modify font size and style, background color, margins and padding, and many other visual aspects of a web page.</p>
<code>
<html><br>
<head><br>
<title>My Page</title><br>
<link rel="stylesheet" href="style.css"><br>
</head><br>
<body><br>
<h1>Welcome to my page!</h1><br>
</body><br>
</html>
</code>
<ul>
<li>HTML stands for Hyper Text Markup Language</li>
<li>CSS stands for Cascading Style Sheets</li>
</ul>
</section>
<section class="main-section" id="JavaScript_and_Java">
<header>JavaScript and Java</header>
<p>JavaScript is a scripting language used primarily for adding interactivity to web pages. Java is a general-purpose programming language often used for developing applications.</p>
<p>JavaScript can be used to create pop-up windows, validate form data, and create dynamic effects on web pages. Java can be used to create desktop applications, mobile applications, and server-side applications.</p>
<code>
function myFunction() {<br>
document.getElementById("demo").innerHTML = "Hello World!";<br>
}
</code>
<ul>
<li>JavaScript was first released in 1995</li>
<li>Java was first released in 1995
<section class="main-section" id="Python_and_Ruby">
<header>Introduction</header>
<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>
<ul>
<li>
Client-side JavaScript extends the core language by supplying
objects to control a browser and its Document Object Model (DOM).
For example, client-side extensions allow an application to place
elements on an HTML form and respond to user events such as mouse
clicks, form input, and page navigation.
</li>
<li>
Server-side JavaScript extends the core language by supplying
objects relevant to running JavaScript on a server. For example,
server-side extensions allow an application to communicate with a
database, provide continuity of information from one invocation to
another of the application, or perform file manipulations on a
server.
<ul>
<li>
Client-side JavaScript extends the core language by supplying
objects to control a browser and its Document Object Model (DOM).
For example, client-side extensions allow an application to place
elements on an HTML form and respond to user events such as mouse
clicks, form input, and page navigation.
<li>
Client-side JavaScript extends the core language by supplying
objects to control a browser and its Document Object Model (DOM).
For example, client-side extensions allow an application to place
elements on an HTML form and respond to user events such as mouse
clicks, form input, and page navigation.
</li>
<li>
Server-side JavaScript extends the core language by supplying
objects relevant to running JavaScript on a server. For example,
server-side extensions allow an application to communicate with a
database, provide continuity of information from one invocation to
another of the application, or perform file manipulations on a
server.
</li>
</section>
<section class="main-section" id="PHP_and_SQL">
<header>What you should already know</header>
<article>
<p>This guide assumes you have the following basic background:</p>
<ul>
<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>
</ul>
</article>
</section>
<section class="main-section" id="CSharp_and_VB">
<header>Constants</header>
<article>
<p>
You can create a read-only, named constant with the const keyword.
The syntax of a constant identifier is the same as for a variable
identifier: it must start with a letter, underscore or dollar sign
and can contain alphabetic, numeric, or underscore characters.
</p>
<code>const PI = 3.14;</code>
<p>
A constant cannot change value through assignment or be re-declared
while the script is running. It has to be initialized to a value.
</p>
<p>
The scope rules for constants are the same as those for let block
scope variables. If the const keyword is omitted, the identifier is
assumed to represent a variable.
</p>
<p>
You cannot declare a constant with the same name as a function or
variable in the same scope. For example:
</p>
<code>// THIS WILL CAUSE AN ERROR function f() {}; const f = 5; // THIS
WILL CAUSE AN ERROR ALSO function f() { const g = 5; var g;
//statements }</code>
However, object attributes are not protected, so the following
statement is executed without problems.
<code>const MY_OBJECT = {"key": "value"}; MY_OBJECT.key =
"otherValue";</code>
</article>
</section>
</body>
</htmal>```
ADVERTENCIA
El código semilla del desafío y/o tu solución excedió la longitud máxima que podemos transferir del desafío.
Tendrás que dar un paso adicional aquí para que el código que escribiste se presente en un formato fácil de leer.
Por favor, copia/pega todo el código del editor que se muestra en el desafío desde el que acabas de enlazar.
```text
Reemplaza estas dos oraciones con tu código copiado.
Por favor, deja la línea ``` arriba y la línea ``` abajo,
porque permiten que tu código formatee correctamente en el post.
Información de tu navegador:
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
Challenge: Página de documentación técnica - Construye una página de documentación técnica
Enlaza al desafío: