📌  相关文章
📜  如何在HTML中制作页脚

📅  最后修改于: 2020-11-04 01:33:23             🧑  作者: Mango

如何在HTML中制作页脚

在HTML中，我们可以使用以下两种不同的方法轻松地在要显示在网页上的文档中添加页脚：

  • 使用HTML标签
  • 使用内部CSS

使用HTML标签

如果要使用Html标记在Html文档中添加页脚，则必须遵循以下步骤。使用以下步骤，我们可以在浏览器的网页上轻松查看页脚：

步骤1：首先，我们必须在任何文本编辑器中键入HTML代码或在文本编辑器中打开要使用HTML创建页脚的文本编辑器中的现有HTML文件。


   
    
   
Make a footer using Html tag


 
Hello User!....   

Html Tutorial   

This page helps us to understand how to make a footer.  



And, this section helps you to understand how to make a footer using Html tag.
You are at JavaTpoint Site....

步骤2：现在，我们必须将光标放在要插入页脚的文本的开头。然后，键入

在那时标记。


The Text which we want to insert in footer.

步骤3：然后，我们必须关闭

标签。


The Text which we want to insert in footer.

步骤4：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。


   
    
   
Make a footer using Html tag





Html Tutorial   

This page helps us to understand how to make a footer.  



And, this section helps you to understand how to make a footer using Html tag.




@Copyright JavaTpoint 2020- All Right Reserved.

下面的屏幕快照显示了以上HTML代码的输出：

使用内部CSS

如果要使用“内部级联”样式表在HTML文档中添加页脚，则必须遵循以下步骤。使用这些步骤，我们可以轻松地制作出时尚的页脚：

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或者在文本编辑器中打开要使用内部CSS创建页脚的现有Html文件。


   
    
   
Make a footer using Internal CSS and Html


 
Hello User!....   

Html Tutorial   

This page helps us to understand how to make a footer.  



And, this section helps you to understand how to make a footer using Internal Cascading Style Sheet and Html.
@Copyright JavaTpoint 2020- All Right Reserved.

第2步：现在，我们必须将光标放在Html文档中标题标签关闭之后的head标签中，然后定义标签的开始和结束标签

步骤3：现在，我们必须创建具有不同属性的页脚类。

步骤4：然后，我们必须在

标签，是在内部CSS中制作的。


The Text which we want to insert in footer.

步骤5：最后，我们必须保存HTML文件，然后在浏览器中运行该文件。


   
    
   
Make a footer using Internal CSS and Html



 
Hello User!....   

Html Tutorial   

This page helps us to understand how to make a footer.  



And, this section helps you to understand how to make a footer using Internal Cascading Style Sheet and Html.


@Copyright  JavaTpoint  2020- All Right Reserved.

下面的屏幕快照显示了以上HTML代码的输出：