How to make a Footer in HtmlIn 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:
Using Html TagIf 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 NowThe output of above Html code is shown in the following screenshot: Using Internal CSSIf 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 NowThe output of above Html code is shown in the following screenshot: Next TopicHow to make a Search bar in Html |