Skip to content
Related Articles

Related Articles

Improve Article
HTML5 <footer> Tag
  • Difficulty Level : Easy
  • Last Updated : 07 Jun, 2021

The <footer> tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The footer tag is used within the body tag. The <footer> tag is new in the HTML5. The footer elements require a start tag as well as an end tag.
 

Syntax : 

<footer> ... </footer>

A footer element typically contains authorship information, copyright information, contact information, sitemap, back-to-top links, related documents, etc.

Below examples illustrate the <footer> Tag in HTML elements:
 

Example 1:
 



HTML




<!DOCTYPE html>
 
<html>
 
    <body>
        <!--HTML footer tag starts here-->
        <footer>
         
                    <a href=
                    <a href=
                    <a href=
                 
             
<p>@geeksforgeeks, Some rights reserved</p>
 
             
        </footer>
        <!--HTML figcaption tag ends here-->
    </body>
 
</html>                   

Output: 
 

Example 2: Using CSS in footer Tag
 

HTML




<!DOCTYPE html>
<html>
    <head>
        <title>footer tag</title>
        <style>
            .column {
                float: left;
                width: 27%;
               height: 300px;
            }
            p {
                font-size:20px;
                font-weight:bold;
            }
        </style>
    </head>
    <body>
        <!--HTML footer tag starts here-->
        <footer>
            <div class="column">
                 
<p>Company</p>
 
                <ul style="list-style-type:disc">
                    <li>About Us</li>
                    <li>Careers</li>
                    <li>Privacy Policy</li>
                    <li>Contact Us</li>
                </ul>
            </div>
               
            <div class="column">
                 
<p>Learn</p>
 
                <ul>
                    <li>Algorithms</li>
                    <li>Data Structures</li>
                    <li>Languages</li>
                    <li>CS Subjects</li>
                    <li>Video Tutorials</li>
                </ul>
            </div>
                
            <div class="column">
                 
<p>Practice</p>
 
                <ul>
                    <li>Company-wise</li>
                    <li>Topic-wise</li>
                    <li>Contests</li>
                    <li>Subjective Questions</li>
                </ul>
            </div>
        </footer>
        <!--HTML figcaption tag ends here-->
    </body>
</html>

Output: 
 

Browsers Supported: 
 

  • Google Chrome 6.0
  • Internet Explorer 9.0
  • Firefox 4.0
  • Opera 11.1
  • Safari 5.0

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :