Answer to Question #188177 in HTML/JavaScript Web Application for Hari nadh babu

Question

Answer to Question #188177 in HTML/JavaScript Web Application for Hari nadh babu

Question #188177

HTML Hyperlinks & Bootstrap Position Utilities

The goal of this coding exam is to quickly get you off the ground with the Navigation within the same HTML document and Bootstrap Position Utilities.

Give Home, Profile, Education, Projects and contact as html hyperlink tag to html main heading tag

Give attribute id to html main heading element to hyperlink

Note:-

Use the HTML main heading elements for the text.

Expert's answer

<html lang="en">
<head>
    <title>My Template</title>
    <meta charset="utf-8">
</head>

<body>
<!-- Use the header area for the website name or logo,header can be static or dynamic-->
<header>
    <h1>My Template</h1>
    <!-- Use the nav area to add hyperlinks to other pages within the website -->
    <nav>
        <ul>
            <li><a>Home</a></li>
            <li><a>Link1</a></li>
            <li><a>Link2</a></li>
            <li><a>Link3</a></li>
        </ul>
    </nav>
</header>
<!-- Use the main area to add the main content of the web page -->
<main>
    <!--Section is a semantic element in html,used to define section in the document-->
    <section>
        <h3>This is a section heading</h3>
        <p>
            Section is a semantic element in html,used to define section in the document.
            You can achieve the same thing using div,but using semantic tags is important
            since it easily conveys the structural meaning of the element and code maintenance.
            It is used by search engines in ranking the search results hence using semantic elements
            helps to appear at top position in search results.
        </p>
    </section>

    <section>
        <h3>This a another section</h3>
        <p>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
            when an unknown printer took a galley of type and scrambled it to make a type specimen book.
        </p>
        <!-- aside is used to represent content which has no relation to other content it is placed in,
        it is usually represented using sidebars -->
        <aside>
            <p>aside represents portion of document which is not directly related to the content it is placed in, it is
                usually represented using sidebars.</p>
        </aside>
        <p>
            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
            when an unknown printer took a galley of type and scrambled it to make a type specimen book.
        </p>
        <!-- figure is a semantic element used to indicate that the content is image,it usually has
         has a caption along with image-->
        <figure>
            <img src="images/screen1.jpg" alt="alternative information for the image">
            <!-- figcaption indicates that it is caption for the image-->
            <figcaption>caption for image</figcaption>
        </figure>
    </section>
</main>
<!-- Use the footer area to add web page footer content -->
<footer>
    <p>
        © Copyright 2021. All Rights Reserved.
    </p>
</footer>
</body>
</html>

Learn more about our help with Assignments: Programming & Computer Science

Comments

No comments. Be the first!

Answer to Question #188177 in HTML/JavaScript Web Application for Hari nadh babu

Comments

Leave a comment

Related Questions