急急急，HTML，小白快來領略它的風采！！
1.什麼是html
html是Hyper text markup langyage的縮寫，也就是超文字標記語言。接下來解釋一下超文字和標記語言的含義。
①超文字：展示資訊更加豐富（文字，圖片，視訊，音樂等）；
②標記語言：有許多標籤構成的語言，寫html文件就是在寫標籤（html標籤+文字），不需要編譯，只需藉助於瀏覽器。
2.軟體開發架構
①（C/S）：client/sever：
優點：a. 預先載入資料在本地（對寬頻要求低，載入速度提升），例如：玩把王者榮耀爽一下，發現贏了一把之後，它的記憶體變高 了，是因為，載入在本地的資料是部分，比如遊戲地圖這類的，但是還有很多需要重新載入的，將資源釋放到本地儲存器 內； b.安全效能高的一批（協議可以自定義）。
缺點：a. 更新方面（經常更新，使用者覺得麻煩，且開發維護不得勁）；
b. 佔用使用者的資源。
②（B/S）browser/server（某寶、某魚直播，某熊貓直播，某龍珠直播等）：
優點：a .更新方面（速度快，維護成本低）；
b. 臥槽，資源在伺服器裡面（佔用開發資源，不佔使用者資源）。
缺點：a. 協議還是公共協議，安全效能相對cs略低；
b. 不適合做對及時性要求高的業務（大型網路遊戲）。
③.html標籤
a. html標籤是html文件基本組成單元，有尖括號保衛關鍵字組成；
b. 標籤一般成對存在，存在開始標籤和結束標籤；
c. <html>內容</html> ，標籤允許準確巢狀；
d. 開始標籤允許使用屬性，屬性值需要使用雙引號包圍。<a href=””></a>
e. 標籤建議使用小寫。
4.編寫html文件
①編寫以html或者.htm結尾的檔案；
②在文件中編寫標籤；
③在瀏覽器中執行。
5.工具
①記事本
②Notepad
③Dreamweaver(網頁三劍客)
④Sublime（外掛）
⑤Hbuilder（H5）
6.html標籤
①標題標籤：做強調作用（字型大、加粗獨佔一行），H1-H6（H1最大，依次遞減）
②水平線：<hr/>,預設佔滿整個父級元素（沒有內容區）
a. 註釋標籤：<!- -註釋 - ->
b. 段落標籤：p標籤
c.換行標籤：<br/>{空標籤}
d. 超連結：<a></a>,href：連結資源的路徑
本地資源：絕對路徑和相對路徑
網路資源：需要協議
Target：目標（連結的資源如何開啟，在什麼地方開啟）
Self：預設，覆蓋開啟
Blank：新標籤頁開啟
Parent：父級出口開啟
Top：子集出口開啟
錨鏈接：
錨點：設定一個點讓他可以調到這個點裡面去
錨點：< p id = “p1”>哈哈</p>
圖片標籤：<img/>
Src:圖片資源（本地資源，網路資源）
alt：圖片未正確展示時用於提示
title：滑鼠懸停提示
解析度：|1366x768| →水平畫素1366，垂直畫素768
列表標籤：
無序列表：沒有先後順序
Ul：代表這是一個無序列表
Li:代表列表項
有序列表：
Ol:代表有序列表
Li:代表列表項
自定義列表：
Dl:代表自定義列表
Dt:代表列表項
Dd:代表對列表項的說明（備註）
表格標籤：
table：代表表格
tr：代表行
td：代表單元格
border：邊框
cellspacing：單元格之間的間距
cellpadding：單元格的內邊距（邊框和內容之間的間距）
tr：代表行
td：代表單元格
colspan：跨列
rowspan：跨行
align：文字對齊方式（left、center、right）
備註:
thead：表頭（標題）
tbody：表格正文
tfoot：統計資訊