HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.2.1 插入水平线标签<hr>❹❺

<hr>标签用于创建一条水平线。它在不同浏览器中显示效果会略有不同。该标签不需要结束标签。

语法格式:

<hr>或者<hr /> 

语法说明:

该标签可以写成<hr>或者<hr/>,为了遵从XHTML规范,建议使用后者。该标签同时被HTML4和HTML5支持。

应用举例(usehr.html):

<!DOCTYPE HTML>  
<html> 
<head> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> 
<title>使用水平线</title> 
</head> 
<body> 
<p>《相思》</p> 
<hr /> 
<p>红豆生南国, 春来发几枝。</p> 
<p>愿君多采撷, 此物最相思。</p> 
</body> 
</html>  

代码说明:

在以上代码中,加粗的部分使用<hr/>标签创建了水平线。

在Chrome浏览器中显示效果如图3-8所示。

47140-00-045-1.jpg

图3-8 水平线的使用