前端學習-HTML基礎
第一部分 簡介
HTML ——超文字標記語言，描述網頁的語言，標記標籤——成對出現
網頁是HTML格式的檔案；網站是網頁的集合；網頁由圖片，文字和連結等元素組成；
常用瀏覽器（瀏覽器核心）：谷歌（Blink，算是WebKit的分支）、火狐（Gecko）、IE（Trident）、蘋果瀏覽器（WebKit）、Opera瀏覽器（Blink）
檢視瀏覽器市場份額：https://tongji.baidu.com/research/site
Web標準由W3C組織（全球資訊網聯盟，國際最著名的標準化組織）和其他標準化組織制定的一系列標準的集合
web標準的三大組成部分：結構(Structure-HTML-網頁元素)，表現(Presentation-CSS-外觀樣式)，行為(Behavior-JS-互動)，相比較而言，結構更重要。
第二部分 HTML的標籤
成對出現，有單標籤但特別少；標籤關係有包含關係和並列關係
基本結構標籤（骨架標籤）:
<!DOCTYPE html> 注意： 文件型別宣告 告知瀏覽器使用哪種HTML版本來顯示網頁；
處於文件的最前面<html>標籤之外；
不是HTML標籤是文件型別宣告標籤；
<html lang="en"> lang用來定義當前文件顯示的語言；en定義語言為英語；zh-CN定義語言為中文；
簡單來說就是定義為en就是英文網頁定義為zh-CN就是中文網頁
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8"> charset字符集，規定HTML文件應當使用哪種字元編碼。
常用的字符集有GB2312,BIG5,GBK和UTF-8，其中UTF-8也被稱為萬國碼
必須寫，解決亂碼問題；
開發工具 VSCode基本快捷鍵
VSCode外掛使用：ti
常用標籤：語義標籤：標題標籤：作為標題，重要性依次遞減；<h1>~<h6>;文件加粗，行標籤（佔據一行）
段落標籤：段落之間有空隙，行標籤，自動換行，獨佔一行
強制換行：<br/>,只換行不分段
文字格式化標籤：加粗<strong>或<b>、傾斜<em>或者<i>、刪除線<del>或者<s>、下劃線<ins>或者<u>
特殊標籤：沒有語義，就是一個盒子，用來裝內容，用來佈局；
<div>大盒子、分割分割槽、獨佔一行
<span>小盒子、跨度跨距
影象標籤：單標籤<img src="影象的URL" alt=“替換文字 圖片不顯示，顯示替換文字” title=“提示文字 滑鼠經過圖片就顯示”/>
width設定寬度；height設定高度；border設定邊框；
如果寬度或高度被修改那麼另一屬性將會等比例縮放，為防止圖片變形不要兩個同時修改；
屬性不分先後；屬性採取鍵值對的格式；可以擁有多個屬性；
第三部分