Footer code in HTML and CSS

Footer code in HTML and CSS

If you’re on a free Medium plan, click here to read — Free Access

For more questions and answers visit our website at Frontend Interview Questions

What is the <footer> Element?

The <footer> element is an HTML5 semantic tag used to define the footer of a webpage or a section within the page. The content in the <footer> can include:

• Copyright information
• Privacy policies
• Social media links
• Contact details
• Site maps or quick links
• Back-to-top buttons

The <footer> tag can be used not only at the bottom of the entire webpage but also within sections, articles, or other content divisions to create section-specific footers.

Syntax of the <footer> Element

The basic structure of a footer in HTML is straightforward:

<footer>
    <!-- Footer content goes here -->
</footer>

Example: Basic Footer with HTML and CSS

Below is a simple example of a webpage footer that includes contact information, social media links, and copyright notices. The design is styled using CSS to align the content and…