Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

I am stuck on 2 parts, one I am trying to give the nav link text that corresponds with the header or each section and linking the main section to the section. Also the main section of the id’s I put the same as the header but that is incorrect.

WARNING

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

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

1 Like

If you want better help then you’ll need to paste your HTML in here so we can see what you have done and test it for ourselves.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

2 Likes
<nav id="navbar">
        <header><h1>HTML Documetation</h1></header>
        <ul>
          <li><a class="nav-link" href="Elements" id="Elements">Elements</a></li>
          <li><a class="nav-link" href="Attributes" id="Attributes">Attributes</a></li>
          <li><a class="nav-link" href="Tables" id="Tables">Tables</a></li>
          <li><a class="nav-link" href="Forms" >Forms</a></li>
          <li><a class="nav-link" href="Links" >Links</a></li>
          
        </ul>
        </nav>
        <main id="main-doc">
          <section id="Elements" class="main-section">
            <header><b>Elements</b><header>
              <p>What are they</p>
              <ul>
                <li>The HTML element is everything from the start tag to the <b>end</b> tag</li>
                <li>Elements always go before attributes. They create the flow of the page.</li></ul><p><img src="data:image/png;base64,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" alt="An example of an element"></p>
                <pre>
                  <code>
                      An Element always has a beginning and ending tag <>
                    </code>
                  </pre>
                
              <p>Elements in HTML have a format that follows the page flow. In the basic step up of an HTML page you will use (head, header, p, body, and footer) elements just to name a few</p>
          </section>


          <section id="Attributes" class="main-section">
            <header>Attributes</header>
            <ul>
                <li><b>All</b> HTML elements can have attributes, they provide additional information about the element.</li>
              <li>It is important to know that attributes are only specified in the start tag.</li>
              </ul>
              <p><img src="data:image/jpeg;base64,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" alt="An example of an attribute"></p>
              <pre>
                  <code>
                  Example of an attribute: section id=""  
                    </code>
                  </pre>
              <p>Attributes come directly after the element and require a value.An important attribute for learning HTML and CSS is to understand and utilize the class atribute. It tends to be used to reference in your CSS.</p>
              
          </section>


          <section id="Tables" class="main-section">
            <header>Tables</header>
            <ul>
              <li>HTML tables allow web developers to arrange data into rows and columns.</li>
              <li>The parent element is table and the child elements are nested inbewteen like below.</li>
            </ul>
          
   <p><img src="https://flaviocopes.com/images/html-tables/no-styling.png" alt="Example of a table code"> </p>
   <pre>
                  <code>
                      An example of a table above
                    </code>
                  </pre>
              <p>You can use this to create however many rows or columns you want.</p>
          </section>


          <section id="Links" class="main-section">
            <header>Links</header>
            <ul>
              <li>The most important attribute of the a element is the href attribute, which indicates the link's destination.

The link text is the part that will be visible to the reader.

Clicking on the link text, will send the reader to the specified URL address.</li>
              <li>By default, links will appear as follows in all browsers. An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red</li>
            </ul>
              <p><img src="data:image/png;base64,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" alt="links"></p>
              <p><pre>
                  <code>
                      Links can create the above
                    </code>
                  </pre></p>
          </section>

          <section id="Forms" class="main-section">
            <header>Forms</header>
            <ul>
              <li>An HTML form is used to collect user input. The user input is most often sent to a server for processing.</li>
              <li>he action attribute defines the action to be performed when the form is submitted.

Usually, the form data is sent to a file on the server when the user clicks on the submit button.

</li>
            </ul>
              <p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACoCAMAAABt9SM9AAAAnFBMVEXs8POmpqYAAADv8/bx9fijo6Tr8PShoaHg5OfGx8nJy83x8vXCwsPX2Nqtr7C1tLTR0dP////o6+6ZnJ71+v2VlZUdHR1fYGEsLS61t7lmZmaeoKLd4ON8fX6Dg4NBQUGMjY5QUlNyc3RZWVo1NTUnJyeIiYpAQEG4vL5LTE2PkpQYGBgiIiEYGRg0NDNOTk4ODg9tbXAjISZ4d3fXu+b6AAAL0ElEQVR4nO2dC3uiuhaGQxIwBJJCiEWuKiCi7Wnr9v//t5OA7Wk7namerdNW8rZSkctjvq7cVlYCAAaDwWAwGAwGg8Fw/SCM+i0G+IB+oz/Tb4F+HRiOoi/7pl8PopmPAAqyjmS2bVm2neHMzhgCQr0lmGe5M5ypj6uPKHIc580t+t13n10nOIKVsiUbxgE8INWrxYiqP4G8hUodfWK/3x95tjyEEO43ag+9ssDrRYlVqORzGAOXJvCWUuopSdYSb3uxZi9iBfApUEdzhJI2CjAgLmOtuiifLphMWj4CtbRYEksllkSYwXuMkBKrgUA+3t+/E+s/oZQSiQdtYAuZwIc7SCCcqb1SvarrV0uJ9RhNo50SCyAlllLG04n3Aaxm78SCaZwu8R7ulKqQdWqfAwi5nMNGmSaUX52Wi6PEGngjVgcXFPLVe7E03j10sUxh1sFbVVpBmMtS2ZmSz/vqtFwcXcCTnGRvxRJwHUFyN4g1ZC8l1l2oinZ1NEByB7cd3KhLBrG2Wqzrb1T0ZRbSBfxrscAONrPwaRBraBRosaRqNXhLaEvZwG6cYu1VbWgdxLpTeUlbliqCilDXhqtDc6KvDXWphHzVfKhVKZUcxCKyGLLhCMTi861qLSXzUm3ZvFYpdjZzQeYbV9ZzJuPHpWIu+4N9hsTuEq4Kgf25qv/QekNwNLdxvnm8/jILYIlftkj2NZreqjZC/8Ky538HdddI/6p9fDi3v1hef2VoMBgMBoPBYPgJIHx+rrYT5fPz415nLwq5E+v8TIJvZ1tIAf6lXxglF9DKsrvvJhahlAb5y5jDwd2XE8ch5Nh7ON5lxPK/mVg4iqPIBjnGEkmJ5TD2gIsnjCN+GHeV+lf/7cdfP0jAeMSyQilZGcTzYBkXLlz0bpuyLWTGxTKOcVQsi6LpZJEuc5Vfdx8UJKMRK0utjLNdsAm3kWRo42lXMi6CmFmcUG/vbifhk2A7d+/5qRLyo7w5HrFK16esCgqMtssSP4tFycZK6DJauttONijf8Xi71SXbR99/NGJFth5i3QWVTES4YWudCx28p9K+Two/XLvbRM4AS2ka5i4CiIkP7jISsVCi6+c8YhMcxHEky0K74rHNEK5ovqy6KqGyAPlURnGqy6wF+yAFXmKPQSzVzNJbrL3rsq/7nGFfv9Ch16Hjj16ikT5KAGIT+/xk+XcT6zwgRs/PlWo19APOzVenyWD4YYwiVvJcIOCdnSsttByRWGf3/VndVyfrMiD/Is4/epW2hUfi/BN9X+8Q0O70zj8hkCMOXUDHOSLW3RmJpxRPI+1KGLx7GDPeR8YrU2l7zx969vzJ3/d1RuV1UJLQuuYyi2sWNwHCdlXIboH3aYW6Ni6yTSetoRfdflyKjEusjoQQ30sRcGVnOOvioFsIP2w7XoRzlyzzZchqCVD+kX9mZGLhqC6fwm5d571YkwTM/G0+LzYdt2Wak9htqmr7G88fGJVYEuGZBNDzwyDlmbYsLnkTTXkYJ1Ym45zUyrKAzoHkY8saS22I+WMaJ1HdtnaRxjRYU4R4h2RqsccdTzmXZU724TStXaS9zR9/fTQS55+u7hBGw6gXchACTu/5w288f573p9qwd/5Nzk/+V5X4ayASnB/y3QzrXDjG+WcwGH4SnimzjgUx9/x8NJx7BaDgEoOsk5+kFnr/7rffHY+nBS+HIXvVVnp7KFE9Qe3OQsIdmu/0N13DS/UNv5tYOJqlTYn6SAbCMRoCGhzd02kXSqvbOF4F4kbvZ+FGyGFBlnc3GY/XwZKy3cpo1+L9Q8CqShcUpNglpIkFkCsZJq2IxLRa3PtxlCZYL8jyTq3xiGUrk1oLWy541+IGiZkEuHbxmhTqu8qmbZs8rz2YB6ncdEAv4UDe+x5GJVY+B3GxtPyFgPuqlkDeY1m4pdJEznLCd6QGG8nScCnkMLP83U3GI5bKhjueWWHL/QVehaHKhvJBhDXrxVphKWa9WIESi0htWb+WWRca3fl2YtnrtJlK1lTbTbByszie6gGMTbWXvVjzOF77JAZLKVZJTOQ/EiD/l7VnRuIpPTQdHIR0mDvSbj7QhwPiwdPXNx0AdtQpnvYD9rnwl/kYiI5kOsqHnBwT496cn+scvQf9knimJ30sOpcaDIYvxWTDE7jAFOmrXaVS8Oz8Y6zJV6fqKE6usy8UJul+t8aDHr5/a++50JFFQk8GOXbm70i6O9hSvb9lPoQ7aKcfQjyPGXJYojpAdoTBEZPNR+R1CKXEVlexbQtQVHW4IylDiHUyKxY6Ain61LxGI1a24xaXG4vBvOTUxmuyD3ZKrK7tdrhWYiH+O8/7C+MRq3R9V24AaEJukV3RsKIXy99uE2mZbPgaHHG9bPJGgEZafEfD5bNYC3VkmhmxXqFHd9KaroX4R9q2tdzvKj3zXmXDkqzKtQ4x3XweUzaS2hAg7HneEN6HECYAe7h/AoH2uZAh3O/zm4xlkPVX9GwKD7zMqjhqclx+iTBJ++j1XX4WnmDnR3x/w/r/cC4QJ/nVaTIYDAaD4TTOXxd+x+qw9/y9dv8J8OJlQHqw/m0D/jceiIsE4H67tWgwT1X3r+Kql+PhLJMY2ayiQwAgCjYCiaJ/q1dtVT0gCdUZjuPhQ8TDc7DpRQJws+8WgIttyHAObUkX2iMTJZiSgmK+Vf9WRB8KKZY4waITvs3Jgspbqo6QqQ2IHwmAuqGTPZK+Ic7KQm5LO1/nBedzVvulWwSlla+VFO5iR53aaWReE8jqfdDIJ8tvcMOSXQ4Toexy+OePJgC3W8ulb0dcsphnMtm2bsFm1f6eIuS24AHUYC7zmMThogs3GEo5d1f7asbSvkDrkzMef1bC91FnW5kMUj4NedSL1S9NgNxS8jIG85ApseSik71YaxqH0mNpXzOMS6wpx1AkkWjsDbXm9poVbkV5nG30iskFlstaNlFRk1qWnWw82C5SWW+LlulH8eC2H9obi1h6eRCC1EZQgoUI9IYAnNPhmNqoo1R9RPozASFUV34MDwuWDjPMRyNWj6NdLNrJ9/zt0BuP3+vHi/Zv3z1udFxi/VtGshbNeRjNevDnwT9//C13vzpRlwJd4CEWV2pXGufsfHWKDAaDwWAwGAwGg8FgMBgMBoPBYDAYDAaD4QOQIMfzZqIWAidcSa5hjpe4OWkO4I14WYgM5dZJl367JS1O5tRgoUmCn8USJ0Yo//ygmFNTbNnPloXYqWFGNz9erFNTbD/PsUDByWL99GWL/qJYthFrrGJNyok1nViTyJ7qP8NrEkVTxadiTacRt/ozI3Ubfc3kzXVXJtYUPsLpbMfjpoT3sChhcxPDfTxf3sG7Ff9ErAm8hTO1ud0s4AZOZvB+ld7Cp7voSsXaw2k5bSqezss7Po9bCPkD3KfzGwtOufWpWJMpjKCypBROimhWqc9u7gv+6pSrEsuq4f1Ei7Uu4UpZ1u2qvW2UWHwCX+WmP1jWzoa3d6n1CGd283T7wPnt/nVGvSqxiuJmlq7Tm3pT3ibpbXuX3tcniDXdzSw4ubnZl/ypetjf3FjXLNZC2dNCG9WigFCXWVNYrqq4OVasqboAwlmr7hCt1Lsph9XViqWK+OeNfuS1xfufw+9nYg2n9c/K1nfghztcsVjHYNpZf0WscXd3Tu2Dfwux0LBB6Hni2/G9ewecmGDLellDOT9R58kXzYhDOVLiCKGfn4Aw0zpR4bquQL1m7LCCRL8H/riehH6a6knP7/rfmnaef9KlE+vTVSkvg+A5Q4ESx3U9SgNAKaGik3nAKFGfBqB/hBtxqeO6hAUu+/0EK0Rc/3jcV89JdRA74Uo/OP1ZD+fB8wVFPiO+x1iCfcGYG4iEJsIlgAWBL3zcIeQDwpjnU6Gk/MOKcN7xvLFQR9vsCdd+1cwldBCr83LmY1fZkx8oy9LCBIwpsVzPx9hHIsixFksEV7p83jGgjnSBS/zcdYGLtVRKksT1cypyN/BdQbHKfiqDAd/NKQiUWCOekDbUffoZ2Q4advqNeusM78GrAr6/YsRiGQyGH8t/ATP6M3m1+eBCAAAAAElFTkSuQmCC" alt="a form"></p>
              <p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5dOr1XNDgtYKAhi2_2Ly4IfknnINcDwaU6w&usqp=CAU" alt="code"></p>
              <pre>
                  <code>
                     Within a form you can use input to create buttoms.
                    </code>
                  </pre>
              <p>Above is an example of a form.</p>
          </section>

          


          </main>
      </body>

      </html>
1 Like

Sorry, you didn’t quite get your HTML pasted in here correctly.

1 Like

I tried the …, ‘’’ and the </> to put my code and they didn’t work.

1 Like

Screen Shot 2023-02-08 at 12.18.33 PM

1 Like

Not sure why you can’t paste your code in here? But I think I can see the issue from the last pic you posted. When you link to an element on the page, you link to its id. You can’t just use the id value in the href though. You have to add something to it. Similar to how you reference the id in CSS.

Is that enough of a hint?

@bbsmooth hi both! I’ve used my mod powers to format this code for you. :slight_smile:

“Super mod powers, activate!”

Thank you for helping me with this part so it would be href=“#Elements

1 Like

Why don’t you give it a try and see if it works :slightly_smiling_face:

1 Like

I am still not getting this to work

1 Like

Ahh, I didn’t notice another issue in your HTML. Id’s have to be unique on the page. So only one element can have the id of “Elements”. You don’t need an id on the link itself.

1 Like

I changed the ids but maybe there is something bigger wrong.

1 Like


That ended up to work. I just have to create the href attribute to the that is the same as the main section.

1 Like

Wow, I finally solved it lol Thank you for your help :slight_smile: I great appreciate it.

1 Like

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