Technical Documentation Page - Build a Technical Documentation Page

I have a problem, I made my project, but it says that I need to achieve the same number of “nav-link” and “main-section” I recalculated several times, but it still shows an error, what’s wrong?


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="styles.css">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Documentation Page</title>
          <nav class="nav" id="navbar">
              <ul class="nav-ul">
              <li class="Documentation"> HTML  Documentation</li>  
      <li><a class="nav-link" href="#Introduction" id="introduction"> Introduction</a></li>
                <li> <a class="nav-link" href="#General_view" id="general view"> General view</a> </li>           
             <li><a class="nav-link" href="#Browsers" id="browsers"> Browsers</a> </li>
            <li> <a class="nav-link"  href="#HTML_structure" id="document structure">HTML structure </a> </li>
             <li> <a class="nav-link" href="#Special_symbols">Special symbols</li>
             <li><a class="nav-link" href="#MIME_HTML" id="MIME HTML">MIME HTML </a></li>
             <li><a class="nav-link" href="#Hyperlinks" id="hyperlinks">Hyperlinks</a></li>
             <li><a class="nav-link" id="images" href="#Images">Images</a></li>
             <li> <a class="nav-link" href="#Versions" id="versions">Versions</a></li>
         <li> <a class="nav-link" href="#The_browser_wars" id="wars">The browser wars </a></li>
         <li> <a class="nav-link" href="#Reference" id="reference">Reference</a></li>
           <main class="main-doc" id="main-doc">
          <section id="Introduction" class="main-section">     
    <header><h1 class="Introduction">Introduction</h1></header>
         <p>HTML is a standardized hypertext markup language for viewing web pages in a browser. Web browsers receive an HTML document from a server via HTTP/HTTPS protocols or open it from a local disk, then interpret the code into an interface that will be displayed on the monitor screen.</p>

<p>HTML elements are the building blocks of HTML pages. HTML provides the means to create headings, paragraphs, lists, links, quotes, and other elements. HTML elements are distinguished by tags written using angle brackets. There are different types of tags:</p>
  <li>Tags such as <span class="code"> < img/> </span> and <span class="code">< input /> </span>directly introduce content into the page. </li>
  <li>Other tags, such as <span class="code">< p> </span>, surround and style text within themselves, and may include other tags as subelements.</li>
  </ul> <p>Browsers do not render HTML tags, but use them to interpret page content.</p>
  <section id="General_view" class="main-section">
<header><h1>General view</h1></header>
<p>The HTML hypertext markup language was developed by British scientist Tim Berners-Lee around 1986-1991 at CERN in Geneva, Switzerland. </p>
          <p>HTML was created as a language for the exchange of scientific and technical documentation, suitable for use by people who are not specialists in the field of layout.</p>
<p>The first public description of HTML was the "HTML Tags" document, first mentioned on the Internet by Tim Berners-Lee in late 1991.</p>
  <section id="Browsers" class="main-section">
     <p>Text documents are processed by special applications that display the document in its formatted form.</p>
     <p>These applications, called "browsers" or "web browsers", typically provide a user-friendly interface for requesting, viewing, and displaying web pages on other external devices.</p>
  <section id="HTML_structure" class="main-section">
     <header><h1>HTML structure</h1></header>
      <p>HTML is a tag markup language for documents. Any document in the HTML language is a set of elements, and the beginning and end of each element is indicated by special marks - tags. Elements can be empty, meaning they don't contain any text or other data.</p>
     <p>In addition, elements can have attributes that define some of their properties (for example, the href=" attribute on a link). Attributes are specified in the opening tag. Here are examples of fragments of an HTML document:</p>
     <p class="code">< strong> < /strong></p>
     <p>Text between two tags - opening and closing.</p>
      <p class="code">  < a href="">< /a> </p>
      <p>Here, the element contains an href attribute, i.e. a hyperlink.</p>
      <p>  And here is an example of an empty element: </p>
      <p class="code"> < br></p> 
<section id="Special_symbols" class="main-section">
   <header><h1>Special symbols</h1></header>
        <p>In addition to elements, HTML documents also have entities - "special characters"</p>
         <p>Entities start with an ampersand and are of the form <span class="code">&name;</span> or <span class="code">&#NNNN;</span>, where NNNN is the Unicode decimal code of the character.</p>
          <p>For example <span class="code"&>copy;</span> - copyright sign (©).</p>
          <section class="main-section" id="MIME_HTML">
           <header><h1>MIME HTML</h1></header>
             <p>MHTML (short for MIME HTML) is an archival web page format used to combine HTML code and resources that are typically external links (images, Flash animations, Java applets, and audio files) into a single file.</p>
              <p>MHTML is a proposed RFC standard published in 1999 as RFC 2557</p>
               <p>A single MIME type for MHTML is not currently agreed upon, and is represented by the following options:</p>
               <ul class="MHTML">
                 <li> <span  class="code" >multipart/related </span></li>
                 <li> <span  class="code" >application/x-mimearchive </span></li>
                 <li> <span  class="code" >message/rfc822</span></li>
               <p>There are commercial software products for viewing MHTML files and converting them to other formats such as PDF.</p>
         <section id="Hyperlinks" class="main-section">
             <p>Hyperlinks are one of the most interesting innovations of the Internet. They allow us to link our documents to any other document (or resource) we want to.</p>
               <li class="code">< a href="filename" target="_self">link title< /a></li>
             <p>here is what you need to know about them:</p>
               <li>The <span class="code">href</span> attribute specifies the address of the document that the link points to.</li>
                <li><span class="code">filename</span> is the name of the file or Internet address to link to.</li>
                 <li><span class="code">target</span> - sets the value of the window or frame in which the document pointed to by the link will be opened.</li> 
                  <p>Almost any web content can be converted into a link, so that when you click on it (or otherwise activate it), it causes the web browser to go to a different web address (URL.)</p>
         <section id="Images" class="main-section">
             <p>In the beginning, the Web was just text, which was pretty boring. Fortunately, this did not last long - before the ability to insert images (and other more interesting types of content) into web pages.</p>
             <p>To place an image on a page, you need to use the <span class="code">< img></span> tag.</p>
             <p>The <span class="code">src</span> attribute contains the path to the image you want to embed in the page and can be a relative or absolute URL.</p>
               <li class="code">< img src=url alt="text" title="text" ></li>
             <p>You can also make an image a link:</p>
               <li class="code">< a href=url >< img src=url>< /a></li>
             <p>Most of the images are protected. Don't display images on your site unless it's in the public domain or you own it.</p>
         <section class="main-section" id="Versions">
              <ul class="Versions-li">
                 <li>HTML 2.0 - published as RFC 1866 as a Proposed Standard by IETF (November 24, 1995)</li>
                   <li>HTML 3.0 - March 28, 1995 - IETF Internet Draft (until September 28, 1995);</li>
                     <li>HTML 3.2 - January 14, 1997;</li>
                       <li>HTML 4.0 - December 18, 1997;</li>
                         <li>HTML 4.01 - December 24, 1999;</li>
                           <li>ISO/IEC 15445:2000 (aka ISO HTML, based on HTML 4.01 Strict) - May 15, 2000;</li>
                             <li>HTML5[12] - October 28, 2014;</li>
                               <li>HTML 5.1 began development on December 17, 2012.</li>
                                <li>HTML 5.3 was introduced on December 24, 2018.</li>
                                <p>There is no official HTML 1.0 specification. Prior to 1995, there were many unofficial HTML standards. To make the standard version different from them, it was immediately assigned a second numb</p>
         <section class="main-section" id="The_browser_wars">
          <header> <h1>The browser wars</h1></header>
             <p>In the mid-1990s, the major browser makers, Netscape and Microsoft, began incorporating their own element sets into HTML markup.</p>
             <p>There was a confusion of various designs for working on the World Wide Web, available for viewing in one or another browser.</p>
             <p>For a while, the problem lost its relevance for two reasons:</p>
               <li>Due to the displacement of the Internet Explorer browser of all other browsers.</li>
               <li>Thanks to the efforts of other browser vendors who either followed the W3C standards (like Mozilla and Opera) or tried to create maximum compatibility with Internet Explorer.</li>
             <p>At the present stage, we can state the growing popularity of browsers that follow the W3C recommendations (these are Mozilla Firefox and other browsers based on the Gecko engine; Safari, Google Chrome, Opera and other browsers based on the WebKit engine).</p>
               <p> The share of Internet Explorer as of July 2022 is less than 0.28%</p>
<section class="main-section" id="Reference">
    <li>All the documentation in this page is taken from <a class="Wikipedia" href="">Wikipedia</a></li>

<div class="border"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ YaBrowser/ Yowser/2.5 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

You didn’t close the anchor element in this code line.

it helped, thank you very much

1 Like

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