HTML 參考手冊(cè)

《HTML 參考手冊(cè)》是學(xué)習(xí)HTML過(guò)程中不可或缺的一個(gè)重要工具，配合W3Cschool首頁(yè)的《HTML教程》相信你一定能很很快學(xué)會(huì)它的。

如果您想要更快、更系統(tǒng)地學(xué)會(huì)HTML，您最好采用邊學(xué)邊練（HTML微課）的學(xué)習(xí)模式。

學(xué)完本HTML之后，W3Cschool推薦您進(jìn)行實(shí)戰(zhàn)練習(xí)（Html實(shí)戰(zhàn)）。

一、HTML是什么？

---

HTML(Hyper Text Mark-up Language )即是超文本標(biāo)記語(yǔ)言，是 WWW 的描述語(yǔ)言，由 Tim Berners-lee提出。通過(guò)使用標(biāo)記標(biāo)簽來(lái)描述頁(yè)面文檔結(jié)構(gòu)和表現(xiàn)形式的一種語(yǔ)言，再由瀏覽器進(jìn)行解析，然后把結(jié)果展示在網(wǎng)頁(yè)上。HTML標(biāo)簽是網(wǎng)頁(yè)構(gòu)成的基礎(chǔ)，我們所見(jiàn)到的幾乎所有網(wǎng)頁(yè)都離不開(kāi)HTML，所以學(xué)習(xí)HTML可以算是基礎(chǔ)中的基礎(chǔ)了。

• HTML的英文全稱是Hypertext Marked Language，中文叫做“超文本標(biāo)記語(yǔ)言”。
• 和一般文本的不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱“標(biāo)記”。
• 一個(gè)HTML文件的后綴名是.htm或者是.html。
• HTML是大小寫(xiě)不敏感的,HTML與html是一樣的
  
• 用文本編輯器就可以編寫(xiě)HTML文件。

二、HTML網(wǎng)頁(yè)結(jié)構(gòu)

HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以說(shuō)明文字、圖形 、動(dòng)畫(huà)、聲音 、表格、鏈接 等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body)兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說(shuō)明的具體內(nèi)容。

三、學(xué)好HTML能做什么？

1. 很輕松的修改你的網(wǎng)站、博客的網(wǎng)頁(yè)結(jié)構(gòu)。
2. 對(duì)SEO網(wǎng)站優(yōu)化很有用處。
3. 拿來(lái)主義，通過(guò)保存其他網(wǎng)站頁(yè)面源代碼，適當(dāng)?shù)男薷?，可以仿制出你想要的模板?/li>
4. 當(dāng)你有一張漂亮的PSD源文件圖片時(shí)，你可以很輕易的把圖片切割制作成網(wǎng)頁(yè)。
5. 無(wú)論是PHP、ASP、.NET、JSP等網(wǎng)站編程語(yǔ)言，都要用到HTML。
6. 可以輕松檢測(cè)出網(wǎng)站是否中了網(wǎng)頁(yè)木馬。和預(yù)防網(wǎng)頁(yè)木馬。
7. 可以向更高一層次進(jìn)階：DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)。
8. 看完W3Cschool在線教程的手冊(cè)和教程可以運(yùn)行相應(yīng)的編程實(shí)例幫助理解哦。

四、學(xué)習(xí)HTML會(huì)很難嗎？

---

在初學(xué)者看來(lái)制作一個(gè)網(wǎng)站很難，但事實(shí)并非如此！制作網(wǎng)站其實(shí)是很簡(jiǎn)單的一件事情，就像我們編輯word文檔，文字居中，文字改變顏色，添加背景，文字加粗，插入圖片等等；在網(wǎng)頁(yè)上只不過(guò)是把這些操作用HTML語(yǔ)言來(lái)表示罷了。

五、如何利用《HTML參考手冊(cè)》學(xué)習(xí)HTML語(yǔ)言呢？

---

1：一定要多動(dòng)手，多多修改別人的網(wǎng)頁(yè)代碼。（在效果頁(yè)上單擊右鍵選擇“查看源文件”即可查看實(shí)現(xiàn)該效果的代碼，查閱《HTML參考手冊(cè)》學(xué)習(xí)該HTML代碼的用法。）

如：

HTML 全局屬性

HTML5 <canvas> 參考手冊(cè) 

2：記住一些常用的HTML語(yǔ)法。很多編輯和美工學(xué)習(xí)HTML的時(shí)候都只記了一些HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)的常用語(yǔ)法，

例如：

（1）貼圖：<img alt="圖片說(shuō)明（利于圖片的搜索）" src="圖片地址">

（2）加入連接：<a href="所要連接的相關(guān)地址">寫(xiě)上你想寫(xiě)的字</a>

（3）HTML<meta>標(biāo)簽name 屬性

<meta name="Keywords" content="關(guān)鍵詞" />
<meta name="Description" content="網(wǎng)站描述" />

3：熟練地運(yùn)用鍵盤(pán)快捷鍵同樣是提高學(xué)習(xí)和工作效率的途徑之一。 

六、學(xué)習(xí)HTML常用的工具/HTML編輯器推薦與下載

用來(lái)編寫(xiě)HTML代碼的工具有那些，最常用的是哪些，最好用的有哪些？下面W3Cschool在線教程小編為您收集整理了如下工具列表：

①、記事本

(初學(xué)者強(qiáng)烈推薦，幫你打下扎實(shí)基礎(chǔ)就看他了)

②、Dreamweaver(常用,有設(shè)計(jì)視圖)

Adobe Dreamweaver官方購(gòu)買(mǎi)地址：https://www.adobe.com/cn/products/dreamweaver.html

③、EditPlus(好用,有顏色區(qū)分)

Editplus 官方下載地址：https://www.editplus.com/download.html

④、FrontPage

⑤、Notepad++

下載地址：http://notepad-plus-plus.org/download/

⑥、Sublime

Sublime編輯器官方下載：http://www.sublimetext.com/

⑦、HBuilder

飛速編碼的極客工具，手指爽，眼睛爽下載

HBuilder官方下載地址：http://www.dcloud.io/
還有別的像java語(yǔ)言的編寫(xiě)環(huán)境也可以寫(xiě)html代碼的。