HTML 4.01 快速導覽 - 直線 <hr>

<hr> 為獨立標籤 (tag) ,可以用為網頁中的直線。



起始標籤結束標籤
需要不需要


<hr> 有幾個屬性
屬性Deprecated or Obsolete
alignleft
center
right
justify
Deprecated in HTML 4.01, Obsolete in HTML 5
noshadetrue
false
Deprecated in HTML 4.01, Obsolete in HTML 5
size高度Deprecated in HTML 4.01, Obsolete in HTML 5
width寬度Deprecated in HTML 4.01, Obsolete in HTML 5


舉例如下
<html>
<head>
<title>網頁標題</title>
</head>
<body>
文字<hr>文字
文字<hr>文字
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:textexample60.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,如下



<hr> 就是橫直線,可作為網頁不同部份的區隔。


HTML 4.01 中, <hr> 另有幾個可用的屬性
  • align
  • noshade
  • size
  • width


align 有三個值,分別是置中對齊 center 、向左對齊 left 與向右對齊 center 。 size 為直線的垂直寬度, width 為水平寬度, noshade 則會以灰色填滿整條直線,若無設置 noshade ,直線會像是細長的方格。


舉例如下
<html>
<head>
<title>網頁標題</title>
</head>
<body>
文字<hr size="8" noshade="">文字
文字<hr size="4" width="80%" align="right">文字
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:textexample60.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器開啟,如下



然後這四個屬性在 HTML 4.01 是 Deprecated ,也就是不被建議的,而在 HTML 5 已經 Obsolete ,我們列出的目的供參考用。


中英文術語對照
標籤tag
瀏覽器broswer


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: