4、水平線代碼展示:↓
例
當內(nèi)容的主題發(fā)生變化時,使用 <hr> 標簽進行分隔:
<h1>HTML</h1>
<p>HTML 是用于描述 web 頁面的一種語言。</p>
<hr>
<h1>CSS</h1>
<p>CSS 定義如何顯示 HTML 元素。</p>
瀏覽器支持
所有主流瀏覽器都支持 <hr> 標簽。
標簽定義及使用說明
<hr> 標簽定義 HTML 頁面中的主題變化(比如話題的轉(zhuǎn)移),并顯示為一條水平線。
<hr> 元素被用來分隔 HTML 頁面中的內(nèi)容(或者定義一個變化)。
HTML 4.01 與 HTML5之間的差異
在 HTML5 中,<hr> 定義內(nèi)容中的主題變化,并顯示為一條水平線。
在 HTML 4.01 中,<hr> 標簽僅僅顯示為一條水平線。
在 HTML 4.01 中,所有的布局屬性都 已廢棄。在 HTML5 中不再支持這些屬性。請使用 CSS 來為 <hr> 元素定義樣式。
HTML 與 XHTML 之間的差異
在 HTML 中,<hr> 標簽沒有結(jié)束標簽。
在 XHTML 中,<hr> 標簽必須被正確地關(guān)閉,比如 <hr />。
屬性
屬性 | 值 | 描述 |
---|---|---|
align | leftcenterright | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的對齊方式 |
noshade | noshade | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的顏色呈現(xiàn)為純色。 |
size | pixels | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的高度。 |
width | pixels% | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定 <hr> 元素的寬度。 |
全局屬性
<hr> 標簽支持 HTML 的全局屬性。
事件屬性
<hr> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
yperText Markup Language 簡稱為HTML
HyperText: 超文本 (文本 + 圖片 + 視頻 + 音頻 + 鏈接)
Markup Language: 標記語言
由SGML(標準通用標記語言)發(fā)展而來,寫給瀏覽器的語言
超文本標記語言(第一版)1993年6月(IETF制定)
HTML 2.0——1995年11 月;HTML 3.0——1996年1 月;HTML 4.0——1997年
W3C: World Wide Web Consortium (W3C理事會或萬維網(wǎng)聯(lián)盟)
1.HTML元素由開始標簽和結(jié)束標簽組成。
2.位于開始標簽和結(jié)束標簽中的文本是元素的內(nèi)容。
3.HTML 標簽有開始必須有結(jié)束。如果是沒有內(nèi)容的標簽(空標簽),用 />來結(jié)束。
4.標簽名不區(qū)分大小寫,但是在XHTML中標簽名必須用小寫。
5.標簽具有屬性, 屬性用來表示標簽的性質(zhì)和特征。屬性要在開始標簽中指定。
HTML 基本元素
換行符 <br />
段落 <p></p>
標題 <h1></h1>
水平線<hr />
文本格式化<b>
預(yù)格式文本<pre>
字體<font>
鏈接<a>
圖像<img>
特殊字符
注釋<!-- -->
一、換行符
<br />
二、段落
<p>這是一個段落</p>
屬性說明
align行對齊方式(left, right, center)
三、標題
<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>
四、水平線
<hr />
<hr size="5" width="50%" align="center" />
屬性說明
size指定線的粗細(px)
width指定線的長度(px或%)
align行對齊方式(left, right, center)
五、文本格式化
<b>定義粗體文本</b>
<i> 定義斜體文本 </i>
<s>定義刪除文本</s> <del></del>
<u>定義下劃線文本</u>
<sup>定義上標字</sup>
<sub>定義下標字</sub>
六、<pre> 預(yù)格式文本
<pre>標簽可以保留文字在源代碼中的格式,使得頁面中顯示的內(nèi)容和源代碼中的格式一致。如:
<pre>
<script>alert("這會顯示一個彈出窗口");</script>
</pre>
七、字體
<font>這是一段文字</font>
屬性說明
size定義字體大小
face定義字體
color定義字體顏色
(1)16進制的模式 #DCC123
(2)單詞模式 red ,blue ,green ,black
(3)RGB rgb(20,100,35) 0-255
八、鏈接
<a href="URL"> ~ </a>
屬性說明
href定義鏈接地址
title鏈接提示信息
target鏈接打開方式(_blank 新的空白頁,_self 當前頁,_top)
九、郵件鏈接
<a href="mailto:郵箱地址"> ~ </a>
十、錨點
錨點標簽用于使用戶"跳"到文檔的某個部分。
<a href="#位置名"> ~ </a>
<a name="位置名"> ~ </a>
怎樣指定鏈接的地址?
1.外部鏈接
<a > HTML模板網(wǎng)</a>
2.內(nèi)部鏈接
<a href="about.html"> 公司簡介 </a>
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。