第一個網頁
Emment插件： 自動生成HTML代碼片段
註釋
註釋爲代碼的閱讀者提供幫助，註釋不參與運行
在HTML中，註釋使用如下格式書寫：
<!-- 註釋 -->
元素
其它叫法：標籤、標記
<a href="https://www.baidu.com" title="百度">百度</a>
整體：element（元素）
元素 = 起始標記(begin tag) + 結束標記 （end tag） + 元素內容 + 元素屬性
屬性 = 屬性名 + 屬性值
屬性的分類：
- 局部屬性：某些元素特有的屬性
- 全局屬性：所有元素通用
<meta charset="UTF-8">
有些元素沒有結束標記，這樣的元素叫做：空元素
空元素的兩種寫法：
-
<meta charset="UTF-8"> -
<meta charset="UTF-8" />
這是以前的寫法，現在不需要在後面加 / 了
元素的嵌套
<div>
<p>
</div>
</p>
元素不能如上相互嵌套
標準的文檔結構
<!DOCTYPE html>
文檔聲明，告訴瀏覽器，當前文檔使用的HTML標準是HTML5。
不寫文檔聲明，將導致瀏覽器進入怪異渲染模式。
<html lang="en">
</html>
根元素，一個頁面最多隻能一個，並且該元素是所有其他元素的父元素或者祖先元素。
HTML5版本中沒有強制要求書寫該元素
lang屬性：language，全局屬性，表示該元素內部使用是文字是使用哪一種自然語言書寫而成的。
lang=“en” ：表示英文
lang=“cmn-hans” : 表示中國大陸官方-簡體漢語 ，以前使用的是lang=“zh-CN”
<head>
</head>
文檔頭、文檔頭內部的內容，不會顯示到頁面上。
<meta>
文檔的元數據：附加信息
charset: 指定網頁內容編碼
計算機中，低壓電（0~2 V） 0，高壓電：（2~5 V）1，
計算機中，只能存儲數字01
文字和數字進行對應：
比如a - 97， A - 64
UTF-8 是Unicode編碼的一個版本
<meta name="viewport" content="width=device-width, initial-scale=1.0">
適配手機端
<meta http-equiv="X-UA-Compatible" content="ie=edge">
告訴IE瀏覽器使用的內核是edge
<title>Document</title>
網頁標題
<body>
</body>
文檔體，頁面上所有要參與顯示的元素，都應該放置到文檔體中。