1茵汰、html基本結(jié)構(gòu)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>網(wǎng)頁(yè)標(biāo)題</title>
</head>
<body>
網(wǎng)頁(yè)顯示內(nèi)容
</body>
</html>
2暇检、html標(biāo)題，段落惕虑，換行與字符實(shí)體
- html標(biāo)題
<h1>這是一級(jí)標(biāo)題</h1>
<h2>這是二級(jí)標(biāo)題</h2>
<h3>這是三級(jí)標(biāo)題</h3>
- html段落
<p>內(nèi)容</p>
- html換行
<p>內(nèi)容<br/>內(nèi)容<br/>內(nèi)容</p>
- html實(shí)體
<p> <br />內(nèi)容<br />內(nèi)容</p>
3潮酒、html塊睛挚，含樣式的標(biāo)簽
- html塊
1、div標(biāo)簽 塊元素急黎，表示一塊內(nèi)容扎狱，沒(méi)有具體的語(yǔ)義。
2叁熔、span標(biāo)簽 行內(nèi)元素委乌，表示一行中的一小段內(nèi)容床牧，沒(méi)有具體的語(yǔ)義荣回。
- html含樣式的標(biāo)簽
1、em標(biāo)簽 行內(nèi)元素戈咳，表示語(yǔ)氣中的強(qiáng)調(diào)詞
2心软、i標(biāo)簽 行內(nèi)元素壕吹，原本沒(méi)有語(yǔ)義，w3c強(qiáng)加了語(yǔ)義删铃，表示專(zhuān)業(yè)詞匯
3耳贬、b標(biāo)簽 行內(nèi)元素，原本沒(méi)有語(yǔ)義猎唁，w3c強(qiáng)加了語(yǔ)義咒劲，表示文檔中的關(guān)鍵字或者產(chǎn)品名
4、strong標(biāo)簽 行內(nèi)元素诫隅，表示非常重要的內(nèi)容
4腐魂、html圖像，絕對(duì)路徑和相對(duì)路徑
- html圖像
<img src="images/pic.jpg" alt="產(chǎn)品圖片" />
- 絕對(duì)路徑和相對(duì)路徑
1逐纬、 絕對(duì)地址：相對(duì)于磁盤(pán)的位置去定位文件的地址
1蛔屹、相對(duì)地址：相對(duì)于引用文件本身去定位被引用的文件地址
5、html鏈接
<a href="#"></a> <!-- # 表示鏈接到頁(yè)面頂部 -->
<a title="跳轉(zhuǎn)的傳智播客網(wǎng)站">傳智播客</a>
<a href="2.html">測(cè)試頁(yè)面2</a>
- 定義頁(yè)面內(nèi)滾動(dòng)跳轉(zhuǎn)
<a href="#mao1">標(biāo)題一</a>
......
......
<h3 id="mao1">跳轉(zhuǎn)到的標(biāo)題</h3>
