整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
例
簡(jiǎn)單的 HTML5 文檔：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
文檔內(nèi)容......
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 <html> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<html> 標(biāo)簽告知瀏覽器這是一個(gè) HTML 文檔。
<html> 標(biāo)簽是 HTML 文檔中最外層的元素。
<html> 標(biāo)簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標(biāo)簽）的容器。
HTML 4.01 與 HTML5之間的差異
HTML5 中，增加了一個(gè)新屬性：manifest。
HTML 與 XHTML 之間的差異
xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。
然而，即使 XHTML 文檔中的 <html> 沒(méi)有使用 xmlns 屬性，W3C 上的 HTML 驗(yàn)證器也不會(huì)報(bào)錯(cuò)。這是因?yàn)?"xmlns=http://www.w3.org/1999/xhtml" 是一個(gè)固定值，即使您沒(méi)有包含它，此值也會(huì)被添加到 <html> 標(biāo)簽中。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| manifestNew | URL | 定義一個(gè) URL，在這個(gè) URL 上描述了文檔的緩存信息。 |
| xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 規(guī)定 XML 的 namespace 屬性（如果您需要您的內(nèi)容符合 XHTML，則使用這個(gè)屬性。）。 |
全局屬性
<html> 標(biāo)簽支持 HTML 的全局屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
篇文章我們介紹了怎么創(chuàng)建一個(gè)最基本的網(wǎng)頁(yè)，這篇我們介紹一下經(jīng)常被使用的標(biāo)簽及用途。
顯示在瀏覽器中的內(nèi)容都要添加在基本模板中的body標(biāo)簽的中間，這點(diǎn)一定要記?。。?/p>
下面的body標(biāo)簽中各個(gè)標(biāo)簽，我做了解釋說(shuō)明，大概了解各個(gè)標(biāo)簽長(zhǎng)什么樣子，能記住就更好了。
下面的HTML代碼可以直接復(fù)制到你的網(wǎng)頁(yè)中（創(chuàng)建HTML文件的方法上篇文章有介紹）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>這里是網(wǎng)頁(yè)的標(biāo)題，你看到在哪里顯示的了嗎？——橙先生</title>
</head>
<body>
<div>div標(biāo)簽可以理解為是個(gè)空盒子，什么都能裝下</div>
<!-- img標(biāo)簽用來(lái)插入圖片，src="圖片路徑"，alt屬性可選，用來(lái)描述圖片, <img src="圖片路徑" alt="圖片的說(shuō)明（可選）"> -->
這是一張圖片，注意這里的img標(biāo)簽形式，這是個(gè)單標(biāo)簽
<img src="圖片地址" alt="圖片的說(shuō)明（可選）">
<!-- a標(biāo)簽用來(lái)添加超鏈接 ，target="_blank"屬性用來(lái)點(diǎn)擊鏈接后跳轉(zhuǎn)到新的瀏覽器頁(yè)簽 href="需要跳轉(zhuǎn)到的網(wǎng)址或是文件"-->
<a href="需要跳轉(zhuǎn)到的網(wǎng)址或是文件，如" target="_blank">這個(gè)是文字的鏈接，也可以在其他內(nèi)容上添加（比如圖片）</a>
<!-- p標(biāo)簽用來(lái)填入文字 -->
<p>在這里填入文字</p>
<p>在這里填入文字</p>
<!-- span標(biāo)簽用來(lái)添加文字等，屬于行內(nèi)元素 -->
<span>在這里添加你想要的內(nèi)容</span><span>!!!!!!這里是另外一段內(nèi)容</span>
<!-- 這里說(shuō)說(shuō)塊元素和行內(nèi)元素，像上面的P標(biāo)簽就是塊元素，它獨(dú)占一行， span標(biāo)簽就是行內(nèi)元素，可以在一行中顯示多個(gè)span標(biāo)簽內(nèi)容 -->
<!-- br標(biāo)簽用來(lái)?yè)Q行 -->
<br>
<!-- h1至h6是有固定大小的標(biāo)題/文字標(biāo)簽 -->
<h1>這是h1里的內(nèi)容</h1>
<h2>這是h2里的內(nèi)容</h2>
<h3>這是h3里的內(nèi)容</h3>
<h4>這是h4里的內(nèi)容</h4>
<h5>這是h5里的內(nèi)容</h5>
<h6>這是h6里的內(nèi)容</h6>
<!-- ul 和li是固定的搭配，是無(wú)序列表，可以有N個(gè)li -->
<ul>
<li>這里是無(wú)序列表1</li>
<li>這里是無(wú)序列表2</li>
<li>這里是無(wú)序列表3</li>
</ul>
<!-- ol 和li是固定的搭配，是有序列表，可以有N個(gè)li -->
<ol>
<li>這里是有序列表1</li>
<li>這里是有序列表2</li>
</ol>
<!-- table 、tr 和 td是固定搭配 ：table是表格，tr是表格里的行，td是表格里的列， 表格里可以有N行 N列-->
<table>
<tr>
<td>表格中第一行的第1列</td>
<td>表格中第一行的第2列</td>
</tr>
<tr>
<td>表格中第二行的第1列</td>
<td>表格中第二行的第2列</td>
<td>表格中第二行的第3列</td>
</tr>
</table>
?
</body>
</html>
上面的內(nèi)容已經(jīng)大致了解了吧？下一篇我們將介紹各種常用到的樣式，讓各個(gè)標(biāo)簽更加的美觀。記得關(guān)注一下哦！
例
HTML 兩個(gè)列表實(shí)例： 一個(gè)有序列表 (<ol>) 和 一個(gè)無(wú)序列表 (<ul>) :
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
瀏覽器支持
目前多數(shù)主流瀏覽器支持 <li>標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<li> 標(biāo)簽定義列表項(xiàng)目。
<li> 標(biāo)簽可用在有序列表（<ol>）、無(wú)序列表（<ul>）和菜單列表（<menu>）中。
HTML 4.01 與 HTML5之間的差異
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋
提示: 請(qǐng)使用 CSS 來(lái)定義列表和列表項(xiàng)目的類型。
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| type | 1AaIidiscsquarecircle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定使用哪種項(xiàng)目符號(hào)。 |
| value | number | 不贊成使用。請(qǐng)使用樣式取代它。 規(guī)定列表項(xiàng)目的數(shù)字。 |
全局屬性
<li> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標(biāo)簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
