ad

Sunday, December 14, 2025

how to use the footer tag in HTML

how to use the footer tag in HTML

web designing theory

What is the <footer>tag

✅ HTML <footer> tag defines a footer area for a document or a section ,containing metadata like               copyright contact information and link.
✅ HTML <footer> tag defines the footer section of webpage.
✅ HTML <footer> tag  usually appears at the bottom of page.
✅ HTML <footer> tag   end of the section blog post or article.
✅ <footer> tag  use user copyright information.
✅ <footer>tag use semantic content <nav>, <address>,<p> inside <footer>
✅ <footer> tag  search engine understanding cleaner,modern html structure.


 What Goes inside a <footer> tag?

   ✔ Address and legal information.

   ✔ Related links   (like - Contact,About,Privacy,Policy,Terms, etc)

  ✔ Copyright information.

  ✔ Contact information.

  ✔ Author information.  (commonly use blog posts articles.)

  ✔ Date information.

  ✔ Social Media Link  (like- Facebook,linkedin, twitter,Blogger, instagram ,Youtube etc..)

  ✔ Legal or Policy Link  ( like- service,cookies policy, disclaimer text )

  ✔ Sitemap

 ✔ Back-to-Top Links ( user  quickly return to the top of the page)

 Syntax of HTML <footer> tag

<footer>......text ......  </footer>

how to use the footer tag in HTML

Example

<!DOCTYPE html>
<html>
    <head>
        <title> HTML footer tag</title>
    </head>
    <body>
        <h1> HTML footer tag </h1>
        <h2> learn HTML Tutorial follow this link <br>
https://webdesigningtheory.blogspot.com </h2>
             <ul>
                <li>HTML</li>
                <li>C</li>
                <li>Java</li>
                <li>PHP</li>
                <li>JavaScript</li>
                <li>SQL</li>
                <li>Python</li>
             </ul>
             <footer>
                 <P> Author Aishwary Jadhav</P>
                 <a href="https://webdesigningtheory.blogspot.com">
copyright 2021 All Rights Reserved </a>
             </footer>
    </body>
</html>

how to use the footer tag in HTML
Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Step 2 ]

<html>.... . </html>

  • html is the root element of the html page.
  •  Every thing inside it is part of the webpage.

Step 3]

<head>
        <title> HTML iframe tag </title>
</head>


  •   <head>  section 
  •   head section contains metadata about page. not visible on the page itself.
  •  <title> tag  title section set the title of the page shows the browser tab.

Step 4]

<body>
        <h1> HTML footer tag </h1>
        <h2> learn HTML Tutorial follow this link <br>
https://webdesigningtheory.blogspot.com </h2>
             <ul>
                <li>HTML</li>
                <li>C</li>
                <li>Java</li>
                <li>PHP</li>
                <li>JavaScript</li>
                <li>SQL</li>
                <li>Python</li>
             </ul>

  • HTML  <body> tag contains all appear on webpage(image text, link ,frame, etc)  
  • HTML <h1> tag large heading use for main .
  • HTML <h2> tag is second heading.
  • HTML <br> tag line break.

  •  HMTL <ul> tag create unordered list.
  • HTML <ul> tag display webpage in bulleted list.
  • HTML <li> tag defines list item.
Step 5]

 
<footer>
                 <P> Author Aishwary Jadhav</P>
                 <a href="https://webdesigningtheory.blogspot.com">
copyright 2021 All Rights Reserved </a>
             </footer>


  • HTML <footer> tag define the footer section  use (contains ,contact, copyright, )
  • HTML <P>  para

Step 6]

   Closing tag


  </body>
</html>


how to use the footer tag in HTML
Output

how to use the footer tag in HTML
Related Post :-

how to create table tag in html

how to use the pre tag in html

what is the html BR tag

Labels: ,