Navs.html

<!-- Navs in Html-->

<!-- In Html, the `<nav>` tag is used to create a navigation section on a web page.
This tag is used to group navigation links and provide a semantic reference point
which indicates that the content within the `<nav>` element is related to site navigation.
Next, I show you how to use the `<nav>` tag. -->

    <!DOCTYPE html>
    <html>
    <head>
        <title>Html navigation example</title>
    </head>
    <body>
        <header>
            <h1>Name of your Site</h1>
        </header>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/about">About</a></li>
                <li><a href="/services">Services</a></li>
                <li><a href="/contact">Contact</a></li>
            </ul>
        </nav>
        <main>
            <!-- Main content of your page -->
        </main>
        <footer>
            <p>&copy; 2023 Your Company - All rights reserved.</p>
        </footer>
    </body>
    </html>

<!-- In this example, a basic web page structure has been created with a navigation section.
Here are some key considerations. -->

    - The `<nav>` element is located within the body of the page and contains an unordered list (`<ul>`) of navigation links (`<a>`).
    - Links point to different sections of the website, such as "Home," "About," "Services," and "Contact."
    - The `<header>` tag is used for the main header of the page, which may contain the site name or logo.
    - The `<main>` element represents the main content of the web page, which is independent of the navigation section.

<!-- Using the `<nav>` tag in this way provides a semantic structure that makes it easier to
accessibility and understanding of content by search engines and users. Besides,
you can style the navigation section using Css to fit the design of your site
Web. -->