本文創(chuàng)建時(shí)間：2018-06-16
HTML元素
開(kāi)始標(biāo)簽 + 內(nèi)容 + 結(jié)束標(biāo)簽
eg: <h1> h1是一級(jí)標(biāo)題 </h1> //這是雙標(biāo)簽元素
eg: <img src="image.png" > //這是單標(biāo)簽元素
在HTML中成對(duì)出現(xiàn)的結(jié)構(gòu)就可以稱(chēng)為元素，但并不是所有的HTML元素都有成對(duì)的標(biāo)簽，HTML元素總是伴隨著HTML屬性出現(xiàn)，屬性總是出現(xiàn)在元素的開(kāi)始標(biāo)簽
HTML元素
HTML注釋
<!-- 這就是注釋?zhuān)@里面放注釋說(shuō)明--> //這樣的注釋方式是HTML特有的注釋方式
<!-- // 注釋開(kāi)始
.... // 注釋內(nèi)容 大多是對(duì)代碼的說(shuō)明
--> // 注釋結(jié)束
HTML屬性
HTML屬性
一般屬性都具有以下特征：
- 每個(gè)屬性之間或與元素名之間都有一個(gè)空格隔開(kāi)
- 屬性名后面緊跟等號(hào)
- 屬性值使用雙引號(hào)包裹
但也有一些屬性只有屬性名，沒(méi)有屬性值，這種屬性我們稱(chēng)之為布爾屬性，如下disabled就是布爾屬性，表示是否禁用，有該屬性則為禁用：
<input type="text" disabled>
除此之外，我們還可以自定義屬性來(lái)存儲(chǔ)我們的一些數(shù)據(jù)以便 JS 使用。具體可參考：HTML data-* 屬性。
屬性分類(lèi)（可分為以下三類(lèi)）：
- 全局屬性（只要是元素就可以有）：class 、 id 、 title 、 style
- 可用于某一類(lèi)元素的，如form表單相關(guān)元素的name、value屬性
- 只用于某一個(gè)元素的，如alt屬性只用于img元素
幾個(gè)屬性的介紹：
class---
用來(lái)設(shè)置元素的一個(gè)或多個(gè)類(lèi)名，這樣以后的 CSS 或 JS 就可以方便對(duì)該元素進(jìn)行操作。具有以下特點(diǎn)：
* 類(lèi)名不能以數(shù)字開(kāi)頭（一定要牢記）
* 類(lèi)名可以設(shè)置多個(gè)值，以空格分開(kāi)，如<div class="box box--menu"></div>
* 不同的元素可以有相同的類(lèi)名
id---
設(shè)置元素的唯一性，經(jīng)常用于JS操作或CSS操作，也可用于定義錨點(diǎn)。具有以下幾個(gè)特點(diǎn)：
* 在整個(gè)HTML文檔中必須是唯一的，也就是說(shuō)一個(gè)HTML文檔中不能出現(xiàn)兩個(gè)一樣的id值
* 不可以和class 那樣設(shè)置多個(gè)值 ??
title---
用來(lái)設(shè)置元素的額外信息，鼠標(biāo)懸停在元素上會(huì)顯示title屬性的內(nèi)容
<a title="我等你就是為了告訴你我是title屬性里面的內(nèi)容" href="#">鏈接文字很多...</a>
style---
用于設(shè)置元素的行內(nèi)樣式，一般用于 JS 動(dòng)態(tài)改變?cè)氐臉邮?更多全局屬性參考
另附 HTML 屬性參考手冊(cè)一份：HTML 屬性參考。
常用基本元素
1. div元素：常用來(lái)分區(qū)
2. span元素：被用來(lái)組合文檔中的行內(nèi)元素
3. 段落元素 <p></p>
<p>定義段落，每一個(gè)<p>標(biāo)簽都默認(rèn)另起一行。
4. 圖片元素 <img>
<img>標(biāo)簽用來(lái)在網(wǎng)頁(yè)中嵌入圖片，<img>標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。
--像這種只有一個(gè)標(biāo)簽的元素都可以稱(chēng)之為“空元素(empty element)
<img>標(biāo)簽有兩個(gè)必需的屬性：src屬性和alt屬性。其中src屬性為圖片地址，alt屬性為如果圖片加載失敗顯示的替換文字。除了必須屬性外，還可以添加控制大小的屬性width和height。
eg：<img src="圖片地址" alt="圖片加載失敗后顯示的文字" width="150" height="150">
5. 鏈接元素 <a></a>
<a>標(biāo)簽定義超鏈接，用于網(wǎng)頁(yè)之間的跳轉(zhuǎn)（從一個(gè)網(wǎng)頁(yè)到另一個(gè)網(wǎng)頁(yè)），它有一個(gè)重要的屬性href，用來(lái)指定鏈接的目標(biāo)。 另一個(gè)屬性target用來(lái)定義鏈接的打開(kāi)方式。
<a href="www.baidu.com" target="_blank">
6. 列表元素 ---無(wú)需列表和有序列表
<ul>
<li>item1</li>
<li>item2</li>
</ul>
<ol>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>
7.
了解更多HTML元素，參考：
- HTML 元素參考 | MDN
- HTML 參考手冊(cè) | w3school
- HTML 元素的 wiki 文檔：HTML element - Wikipedia
參考資料傳送門(mén)??請(qǐng)進(jìn)門(mén)
上一章節(jié)：認(rèn)識(shí)HTML、深入了解head元素
下一章節(jié)： HTML 字符實(shí)體
