Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening: * Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”). Having Trouble here. A lifeline is
welcome. dirtygreb7. THANK u
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

<link rel="stylesheet" href="styles.css"> 


<title>Tecnical Documentation 
  Page</title>

</head>

<header>Tecnical Documentation Page</header>
 

  <body>                                
<main id="main-doc">
                                 
<section id="Hello_World"  class="main-section"><header>Hello World</header><p>An array ia a special variable, that can hold  more than one value: const cars["Saab", "Volvo","BMW"];</p>
<code> x=5; y=6; z=x+y </code>


<ol>
<li>code</li>
<li>pre code</li>
<li>kdb</li>
<li>samp</li>
<li>var</li>
</ol>
<nav id="navbar">

<header>Tecnical Documentation Page</header>

  <ol>
<li><a class="nav-link" href="#Hello_World">Hello World</a></li>
<li><a class="nav-link" href="#FixedValues_Properties">FixedValues Properties</a></li>
<li><a class="nav-link" href="#Variable_Properties">Variable Properties</a></li>
<li><a class="nav-link" href=" #Operator_Properties">Operator Properties</a></li>
<li><a class="nav-link" href=" #Functions_Properties">Functions Properties</a></li>









</ol>
</nav>
</section>







<section id="FixedValues_Properties" class="main-section"> <header>FixedValues Properties</header><p>Fixed Values are called literals. The two most important syntax rules for fixed values are: Numbers with or without decimals: 10.50, 1001, and Strings are text. Written within single and double quotes."John Doe" or 'John Doe'.</p>


<pre><code> x=5; y=6; z=x+y</code></pre>











</section>



<section id="Variable_Properties" class="main-section"><header>Variable Properties</header><p>Variables are containers for storing data, variables can be stored 4 ways.Automatically,using var,using let,using const.It is good programming practice to always declare variables before use. Examples, using : var x=5; var y=6; var z= x+y;</p>

<code>Press<kdb>Ctrl</kbd>+<kdb>C</kbd> to copy text (Windows).</code>
<p></p>

</section>





<section id="Operators_Properties" class="main-section"><header>Operators Properties</header><p>The assignment operator=assign a value to a variable.// assign the value 5 to x, let x = 5;</p>


<code><samp>File not found.Press F1 to continue</samp></code>
<p></p>

</section>



<section id="Functions_Properties" class="main-section"><header>Functions Properties</header><p>A function is a block of code, designed to perform a particular task.// Function to compute the product of p1 and p2 function myFunction(p1,p2) {return p1 * p2;}</p>
<p></p>
<code>The area of the triangle is : 1/2
x <var>b</var> is the base, and <var>h</var> is the  vertical height .
</code>

<p></p>
<p></p>











</section>



</body>
</html>

</main>
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.131.5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

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