Footer Tag in HTML: Create Website Footer Easily
how to use the footer tag in HTML
This Blog You Will Learn
ஃ What is the <footer>tag
ஃ What Goes inside a <footer> tag?
ஃ Syntax of HTML <footer> tag
ஃ Explain Program
ஃ Output
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>
<footer>......text ...... </footer>
ஃ structure diagram examples
Key point Footer Tag
- <footer > is semantic tag
- can be use inside <body> for page footer
- footer use inside sections or articles
- seo and readability
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> 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>
<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
Related Post :-
Post a Comment