一、HTML語法規(guī)范
1.1 基本語法概述
- HTML標簽是由
，例如：
。
- HTML標簽
，例如：<html>和</html>，我們稱為
。標簽對中的第一標簽是開始標簽，第二個標簽是結束標簽。
- 有些特殊的標簽必須是單個標簽（極少情況），例如<br />，我們稱為
。
1.2 標簽關系
雙標簽關系可以分為兩類：和
。
<!-- 包含關系-->
<head>
<title>Document</title>
</head>
<!-- 并列關系-->
<head> </head>
<body> </body>
二、HTML基本結構標簽
2.1 第一個HTML網(wǎng)頁
每個網(wǎng)頁都會有一個基本的結構標簽（也稱為骨架標簽），頁面內容也是在這些基本標簽上書寫。
HTML頁面也稱為HTML文檔
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的第一個頁面</title>
</head>
<body>
曾經(jīng)滄海難為水，除卻巫山不是云。
</body>
</html>
每個網(wǎng)頁都會有一個基本的結構標簽（也稱為骨架標簽），頁面內容也是在這些基本標簽上書寫。
網(wǎng)頁骨架標簽.png
image.png
三、網(wǎng)頁開發(fā)工具
VSCode的使用
- 雙擊打開軟件。
- 新建文件（Ctrl + N）。
- 保存（Ctrl + S），注意一定要保存為.html文件
- Ctrl + 加號鍵，Ctrl + 減號鍵，可以放大縮小視圖。
- 生成頁面骨架結構。輸入！按下Tab鍵盤。
- 利用插件在瀏覽器中預覽頁面：單擊鼠標右鍵，在彈出出口中點擊“Open in Default Browser”。推薦安裝的插件.png
頁面骨架結構代碼
<!--
文檔類型聲明，作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁。
這句代碼的意思是：當前頁面采取的是HTML5版本來顯示網(wǎng)頁。
注意：
1.<!DOCTYPE>聲明位于文檔中最前面的位置，處于<html>標簽之前。
2.<!DOCTYPE>不是一個HTML標簽，它就是文檔類型聲明標簽。
-->
<!DOCTYPE html>
<!--
用來定義當前文檔顯示的語言。
1. en：英語
2. zh-CN：中文
簡單來說定義為en就是英文網(wǎng)頁，定義為zh-CN就是中文網(wǎng)頁。
其實對于文檔來說，定義成en的文檔也可以顯示中文，定義成zh-CN的文檔也可以顯示英文。
這個屬性對瀏覽器和搜索引擎（百度、谷歌等）還是有作用的。
-->
<html lang="en">
<head>
<!--
字符集（Character set）是多個字符的集合，以便計算機能夠識別和存儲各種文字。
在<head>標簽內，可以通過<meta>標簽的charset屬性來規(guī)定HTML文檔應該使用哪種字符編碼。
charset 常用的值有:GB2312、BIG5、GBK和UTF-8，其中UTF-8也被稱為萬國碼，基本包含了
全世界所有國家需要用到的字符。
注意：上面語法是必須要寫的代碼，否則可能引起亂碼的情況。一般情況下，統(tǒng)一使用“UTF-8”編碼，
盡量統(tǒng)一寫成標準的“UTF-8”，不要寫成“utf8”或“UTF8”。
-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
總結
- 以上三種代碼 vscode 自動生成，基本不需要我們重寫。
2.<!DOCTYPE html> 文檔類型聲明標簽，告訴瀏覽器這個頁面采取HTML5版本來顯示頁面。
3.<html lang="en"> 告訴瀏覽器或者搜索引起這是一個英文網(wǎng)站，本頁面采取英文來顯示。
4.<meta charset="UTF-8">必須寫，采取UTF-8來保存文字，如果不寫就會亂碼，具體原理后面分析。
