HTML基本介紹
什麼是 HTML？
答：HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本标記語言 (Hyper Text Markup Language)
- HTML 不是一種程式設計語言，而是一種标記語言 (markup language)
- 标記語言是一套标記标簽 (markup tag)
- HTML 使用标記标簽來描述網頁
HTML 标簽
- HTML 标記标簽通常被稱為 HTML 标簽 (HTML tag)。
- HTML 标簽是由尖括号包圍的關鍵詞，比如
<html>
- HTML 标簽通常是成對出現的，比如
<b>
</b>
- 标簽對中的第一個标簽是開始标簽，第二個标簽是結束标簽
也就是說，html檔案就是我們所說的網頁，當浏覽器通路到一個html檔案，就會根據裡面的html标簽進行解析，将标簽轉化為我們日常看見的網頁。
也就是說html檔案是用來告訴浏覽器一個網頁裡面都有什麼，長什麼樣。
不過它隻能做到搭建靜态網站的目的，至于資料互動，動态網站的内容，就需要xml, php, javascript等其它腳本語言來寫了。
一個執行個體認識html語句
<a href="http://www.tonywzt.cn" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >This is a link</a>
上面是一個連結的定義，我們可以從中擷取一個标簽的基本組成
- 前面
<a>
- 後面
</a>
- 開始标簽中的
href="http://www.tonywzt.cn" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow"
- 兩個尖括号中間的是元素的内容
HTMl網頁就是由這樣一個個元素組成的，你可以随便打開一個網頁，然後右擊檢視網頁的源代碼，檢視一個網頁究竟是什麼樣子的
HTML編輯器
HTML作為一種标記性語言，是不需要編輯的。是以事實上即使使用最簡單的記事本也可以進行編輯。
可以使用專業的 HTML 編輯器來編輯 HTML：
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
除了這些比較專業的軟體，也可以用一般的編輯器，比如說VSCODE，SubLimeText, NotePad++甚至VIM等。這些編輯器都提供了相應的代碼補全等功能的插件。大家可以自由選擇。
這裡我推薦我所使用的編輯器，宇宙第一編輯器（引戰）：VSCODE。
這裡順便推薦四個插件：
- HTML Snippets，
- HTML CSS Support,
- auto rename tag,
- auto close tag
VSCODE安裝
VSCODE 是微軟提供的一款編輯器，提供了多種語言的相關插件，并且與Git關聯性很強。個人而言，不僅将它作為html的編輯器，更多的是用來寫python代碼以及markdown文檔。
VSCODE下載下傳隻需要在官網下載下傳即可。然後按照流程就行安裝。
VSCODE 插件安裝
VSCODE插件安裝一般需要聯網條件，在左側的頁籤中有一個類似于積木的四方塊，點開之後，可以在上方搜尋框直接進行搜尋，然後下載下傳。
chajian.gif
- HTML Snippets：超級實用且初級的 H5代碼片段以及提示
- HTML CSS Support：讓 html 标簽上寫class 智能提示目前項目所支援的樣式
- auto rename tag：給tag重命名的時候自動把開始标簽和結束标簽一起更改
- auto close tag：自動補全結束标簽 auto_close.gif
HTML學習資源
劃重點！推薦一個HTML，CSS，JS等的學習網站w3school裡面包含了各種關于網站的基礎學習資源，基本可以滿足搭建一個小型網站的需求，包括靜态，動态，前端，後端的知識。
如果想要做出一個漂亮的靜态網頁，至少需要學習HTML和CSS
如果想要做一個動态的網頁，那麼前端知識還要學習比如JavaScript之類的腳本語言，後端要學習比如PHP，SQL這之類的後端操作。
上面這些知識在w3school網站上都可以找得到。
如果要建立個人網站，可能還需要學習運維，雲伺服器等操作。
後記
針對雲伺服器和個人網站建站的具體步驟，日後可能聊一聊