HTML基礎(chǔ)一

• 一、理解網(wǎng)頁文件 ???
• 二、HTML ???
• 三、編碼規(guī)范

---

一、理解網(wǎng)頁文件 ???

網(wǎng)頁:
瀏覽器中看到的網(wǎng)頁實質(zhì)上是網(wǎng)頁文件，每個網(wǎng)頁對應(yīng)一個網(wǎng)頁文件

網(wǎng)頁文件：

• 文本文件
• 擴展名為 .html 或 .htm 等 （不只.html）
• 文件內(nèi)容是HTML代碼和文本內(nèi)容

二、HTML ???

全稱?：超文本標(biāo)記語言（不是一種編程語言）

單雙標(biāo)簽：

• 雙標(biāo)簽代表標(biāo)簽作用范圍

• 單標(biāo)簽無需表達范圍，僅在標(biāo)簽出現(xiàn)處有效

• 標(biāo)題標(biāo)簽：< h1>< /h1> (1~6 從大到小)

• 段落標(biāo)簽：< p>< /p>(塊級元素)

• 圖片標(biāo)簽：< img src=" 存儲位置 " alt="圖片加載失敗后顯示內(nèi)容 "/> (行內(nèi)元素)

絕對路徑和相對路徑 絕對路徑：本機絕對路徑 e:\my_site\web\image\a.png（不推薦）網(wǎng)絡(luò)絕對路徑 http://www.a.com/image/a.png（大多網(wǎng)頁） 相對路徑：相對當(dāng)前文件戒目錄的路徑- 圖片和網(wǎng)頁在同級目錄 src="圖片名"- 圖片在網(wǎng)頁的下一級目錄 src="目錄名稱/圖片名"- 圖片在網(wǎng)頁的上一級目錄 src="../圖片名"

• 超鏈接標(biāo)簽：< a href=“鏈接目標(biāo)URL” target="何處打開 ">< /a>（行內(nèi)元素）

target屬性：_blank:在新窗口打開_self:在當(dāng)前窗口打開

• 有序列表標(biāo)簽：（塊級元素）

<ol><li>有序列表第一行</li><li>有序列表第二行</li> </ol>

• 無序列表標(biāo)簽：（塊級元素）

<ul><li>無序列表第一行</li><li>無序列表第二行</li> </ul>

三、編碼規(guī)范

• 所有的標(biāo)簽必須關(guān)閉
• 所有的標(biāo)簽和其屬性的名字都必須使用小寫
• 所有的標(biāo)簽都必須合理嵌套
• 所有的屬性必須賦值，所有的屬性值必須用引號括起來
• 沒有對縮進的要求

總結(jié)

以上是生活随笔為你收集整理的Web开发（一）·期末不挂之第二章·HTML基础一（考试必考冷知识）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。