《HTML參考手冊》學習指南

標籤：參考手冊   瀏覽器   編輯器   中文   英文   

《HTML 參考手冊》是學習HTML過程中不可或缺的一個重要工具，配合W3Cschool首頁的《HTML教程》相信你一定能很很快學會它的。

650) this.width=650;" src="http://www.w3cschool.cn/attachments/image/20161021/1477034729533205.png" alt="HTML參考手冊" style="border:0px;width:782px;height:274px;" />

一、HTML是什嗎？

HTML(Hyper Text Mark-up Language )即是超文字標記語言 (HTML)，是 WWW 的描述語言，由 Tim Berners-lee提出。通過使用標記標籤來描述頁面文檔結構和表現形式的一種語言，再由瀏覽器進行解析，然後把結果展示在網頁上。HTML標籤是網頁構成的基礎，我們所見到的幾乎所有網頁都離不開HTML，所以學習HTML可以算是基礎中的基礎了。

• HTML的英文全稱是Hypertext Marked Language，中文叫做“超文字標記語言 (HTML)”。

• 和一般文本的不同的是，一個HTML檔案不僅包含常值內容，還包含一些Tag，中文稱“標記”。

• 一個HTML檔案的尾碼名是.htm或者是.html。

• HTML是大小寫不敏感的,HTML與html是一樣的
  

• 用文字編輯器就可以編寫HTML檔案。
  

二、HTML網頁結構

HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以解說文字、圖形、動畫、聲音、表格、連結等。 HTML的結構包括頭部 (Head)、主體 (Body)兩大部分。頭部描述瀏覽器所需的資訊，主體包含所要說明的具體內容。

650) this.width=650;" src="http://www.w3cschool.cn/attachments/day_161021/201610211224175653.jpg" alt="HTML結構" style="border:0px;line-height:1.7;" />

三、學好HTML能做什嗎？

1. 很輕鬆的修改你的網站、部落格的網頁結構。

2. 對SEO網站最佳化很有用處。

3. 拿來主義，通過儲存其他網站頁面原始碼，適當的修改，可以仿製出你想要的模板。

4. 當你有一張漂亮的PSD源檔案圖片時，你可以很輕易的把圖片切割製作成網頁。

5. 無論是PHP、ASP、.NET、JSP等網站程式設計語言，都要用到HTML。

6. 可以輕鬆檢測出網站是否中了網頁木馬。和預防網頁木馬。

7. 可以向更高一層次進階：DIV+CSS網頁設計。

8. 看完W3Cschool線上教程的手冊和教程可以運行相應的編程執行個體協助理解哦。
   

四、學習HTML會很難嗎？

在初學者看來製作一個網站很難，但事實並非如此！製作網站其實是很簡單的一件事情，就像我們編輯word文檔，文字置中，文字改變顏色，添加背景，文字加粗，插入圖片等等；在網頁上只不過是把這些操作用HTML語言來表示罷了。

五、如何利用《HTML參考手冊》學習HTML語言呢？

1：一定要多動手，多多修改別人的網頁代碼。（在效果頁上單擊右鍵選擇“查看源檔案”即可查看實現該效果的代碼，查閱《HTML參考手冊》學習該HTML代碼的用法。）

如：

HTML 全域屬性

HTML5 <canvas> 參考手冊 

2：記住一些常用的HTML文法。很多編輯和美工學習HTML的時候都只記了一些HTML網頁設計時的常用文法，

例如：

（1）貼圖：<img alt="圖片說明（利於圖片的搜尋）" src="圖片地址">

（2）加入串連：<a href="所要串連的相關地址">寫上你想寫的字</a>

（3）HTML<meta>標籤name 屬性 

<meta name="Keywords" content="關鍵詞" />
<meta name="Description" content="網站描述" />

3：熟練地運用鍵盤快速鍵同樣是提高學習和工作效率的途徑之一。 

六、學習HTML常用的工具/HTML編輯器推薦與下載

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

650) this.width=650;" src="http://www.w3cschool.cn/attachments/day_161021/201610211237277551.jpg" alt="HTML工具" style="border:0px;line-height:1.7;" />

①、記事本

(初學者強烈推薦，幫你打下紮實基礎就看他了)

②、Dreamweaver(常用,有設計檢視)

Adobe CS6 官方：https://helpx.adobe.com/cn/x-productkb/policy-pricing/cs6-CN-product-downloads.html

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

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語言的編寫環境也可以寫html代碼的。

本文出自 “11209433” 部落格，請務必保留此出處http://11219433.blog.51cto.com/11209433/1866854

《HTML參考手冊》學習指南