how to use the footer tag in HTML

-

how to use the footer tag in HTML

web designing theory

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>

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

Comments

Post a Comment

Popular posts from this blog

how to add background image in html.

-
Image
how to insert background image in html Program    Background Image  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < style >     p { background-image : url ( 'https://cdn.wallpapersafari.com/27/83/hGWHei .jpg' ); <!-- image path --> height : 600px ; <!--height of image-->         width : 50% ;     }     p {         color : red ;         text-align : center ;     } </ style > < body >     < h1 > Background Image </ h1 >     < BR<BR >< BR > < p > < BR<BR >< BR >< BR >< BR > how to insert background image ...
Read more

HTML pre tag

-
Image
                                    HTML pre Tag Information   1. The <pre> tag defines preformatted text.  2. Text in a <pre> element is displayed in a fixed-width font. 3.  text preserves both spaces and line breaks.  4. syntax with :- <pre>.......</pre> tag 5. displayed in a fixed-width font. 6 .The text will be displayed exactly as written in the HTML source code. Program     HTML <pre> tag <html> <head> <title>html pre tag </title> </head> <body> <pre> My name is ram my college name is satara   I like Apple My favourity color is skyblue </pre> </body> </html> OUTPUT          Related Post :-   html aside tag inline css in html html login in form
Read more

How to insert image in html

-
Image
  How to insert image in html Q] What Is The  Image  Tag  In  HTML?  The  <img src="">  HTML  tag is used to display an image on a web page .  It is a self -closing tag.  which means it does not need a separate closing tag  The <img> tag use embed  image in HTML page.  Image are not technically  insert in web page.  image are linked to the web pages. The <img> tag is empty it contains attributes only and does not have a closing tag. Syntax :-  <img src="image_path" alt="alternative -text" > Q] What Are Image  Tag.? Image tagging is process of identifying and labeling the contents of an image tag  This can be done manually by someone looking at the image and typing in description/  automatically using machine Html IMG Attribute :-  1] src :-   src is use to specify the path to image.  It is a necessary  attribute that describes source or pat...
Read more

Html anchor tag

-
Image
   How to Add HTML  Anchor Tag    Anchor Tag  The <a> tag define hyperlink   1]  Html anchor tag define hyperlink this use to link from one           page to another.  2]  Its create hyperlink to other web page as well as files, location   3]  Most important attribute of<a> element is the href attribute.  4]  when link is clicked it redirects the user to that page.  5]  The <a> tag creates a clickable link.  6] The href attribute sets the target page or site  example:-  webdesigningtheory.blogspot.com/ 7] The target attribute specifies in what tab ,window to open the new       page.  8]  Its href  <a>  attribute  creates a hyperlink to web page, files                 email addresses ,locations in the same page else URL address.  9] ...
Read more

Inline css in html

-
Image
                       Inline CSS   Information: 1]    Inline CSS is used to apply a  unique style to a single HTML element . 2]   In inline CSS uses the    Style attribute of an HTML element. 3]   Css Apply in a Single element by inline css Technique.  4]  Inline css also use method to insert style sheets in HTML document Inline Css        Program <html> <head> <title>inline property</title> </head> <body> <h1 style="color:red; background-color:pink;">html</h1> <p style="color:purple;">hyper text markup language</p> <h3>Information</h3>s <dl>INLINE CSS APPLY</dl> <dd>inline csss use</dd> <P>Css Apply in a Single element by inline css Technique.<br>  inline css also use method to insert style sheets in HTML document.  </P> ...
Read more