标签归档:html水平线

html教程-如何在html中绘制一条水平线呢?


摘要:
下文通过举例的方式讲述在html中绘制水平线的方法,如下所示:
实验环境:windows


在html网页编写中,如果我们想绘制一条html水平线,我们可以使用html元素hr,
下文将讲述html元素hr的用法,如下所示:



html元素hr 简介

html标签hr的功能为:
在html页面中绘制一条宽度为100%的水平线,此水平线将占据整个网页
我们可以通过设置css样式,设置此水平线的粗细和显示效果

html元素 hr 语法简介

   <hr />
 


html元素 hr 举例应用

  
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的html绘制水平线标签应用</title>
  </head>
<body>
      
	 上方内容
      <hr />
	 下方内容
 
</body>
</html> 
html教程-html水平线

html教程-html水平线

html教程—HTML 水平线


摘要:
下文讲述html文件中,编写分隔线方法,如下所示:
实验环境:windows



html水平线标签说明

html 水平线标签功能:
在网页相关标签下面,显示一条直线
html 水平线标签如下所示:
<hr />



html 水平线标签举例应用

      <!DOCTYPE html>
<html>
  <head>
    <title>这是maomao365.com的第一个网页</title>
  </head>
<body>
    
 <h1>这是一个h1标签--下方插入水平线 </h1>
  <hr />

 <h2>这是一个h2标签--下方插入水平线 </h2>
  <hr />
    
</body>
</html>