Javatpoint Logo
Javatpoint Logo

How to make a Footer in Html

In HTML, we can easily make a footer in the document which is to be displayed on a web page using the following different two methods:

  1. Using the Html Tag
  2. Using an Internal CSS

Using Html Tag

If we want to make the footer in the Html document using the Html tag then we have to follow the steps which are given below. Using these steps, we can easily view the footer on a web page in the browser:

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the Html for making a footer.

Step 2: Now, we have to place the cursor at the starting of that text which we want to insert in footer. And, then type the <footer> tag at that point.

Step 3: And, after that we have to close the </footer> tag.

Step 4: And, at last, we have to save the Html file and then run the file in the browser.

Test it Now

The output of above Html code is shown in the following screenshot:

How to make a Footer in Html

Using Internal CSS

If we want to make the footer in the Html document using the Internal Cascading style sheet then we have to follow the steps which are given below. Using these steps, we can easily make a stylish footer:

Step 1: Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the Internal CSS for making a footer.

Step 2: Now, we have to place the cursor in the head tag, just after the closing of title tag in the Html document and then define the starting and closing tag of the <style> tag as shown in the following block.

Step 3: Now, we have to make a footer class with the different properties.

Step 4: And then, we have to define the same class in the <div> tag, which is made in Internal CSS.

Step 5: And, at last, we have to save the Html file and then run the file in the browser.

Test it Now

The output of above Html code is shown in the following screenshot:

How to make a Footer in Html




Youtube For Videos Join Our Youtube Channel: Join Now

Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA