水平線一般是用於段落與段落之間分隔的作用，使文檔更加清晰，文字編排更加整齊。水平線吱聲具有很多屬性，如寬度高度，排列對齊等等。在H5中經常會用到水平線，合理使用水平線可以獲取非常好看的頁面。一篇比較複雜的文章，如果合理地防止幾條水平線。就可能會變得層次分明，較有觀賞性！
水平線標籤：
接下來使用<hr>標籤來創建一條水平線。水平線可以再視覺上將文檔分割成各個部分。在網頁中輸入一個<hr>標籤，就添加了一條水平線。
<br> 水平線標籤
水平線的使用方法：
<!DOCTYPE html>
<html>
<head>
<!--指定頁面編碼格式-->
<meta charset="UTF-8">
<!--指定頁頭信息-->
<title>水平線的寬度、高度、顏色</title>
</head>
<body>
<!--設置水平線的寬度，居左-->
<hr width="120">
<p>故事是這樣開始的:</p>
<!--使用段落標籤，輸入故事內容-->
<p>
當初看《簡愛》的時候，哭得稀裡譁啦
</p>
<p>
淚點在哪裡呢？
</p>
<p>
我喜歡悲傷的故事
</p>
<p>
不喜歡悲傷的結局
</p>
<!--設置水平線的寬度，居右-->
<hr width="120">
<p>故事就這樣結束的<p>
</body>
</html>
效果圖：