### 一、瀏覽器
火狐瀏覽器、谷歌瀏覽器(推薦)、IE瀏覽器
推薦谷歌瀏覽器原因：
1、簡潔大方,打開速度快
2、開發者調試工具（右鍵空白處->檢查，打開調試模式）
### 二、開發工具
核心IDE工具
1. Visual Studio Code (VS Code)?
微軟開發的免費跨平臺編輯器，支持智能提示、Git集成、調試功能及豐富的擴展插件?。
輕量高效，適用于HTML/CSS/JavaScript及主流前端框架開發?。
2. WebStorm?
JetBrains推出的專業前端IDE，提供智能代碼補全、重構、調試及ESLint集成?。
適合復雜JavaScript/TypeScript項目，支持React/Vue等框架?。
3. HBuilder?
專為前端設計的國產工具，支持uni-app框架實現多平臺開發（小程序、H5、App）?。
提供實時預覽和高效語法提示，適合快速迭代項目?。
### 三、VSCode使用
#### - VSCode常用快捷鍵
1. 生成瀏覽器文件的快捷方式:！+回車
2. 代碼格式化:Shift+Alt+F
3. 向上或向下移動一行:Alt+Up或Alt+Down
4. 快速復制一行代碼:Shift+Alt+Up或Shift+Alt+Down
5. 快速保存:Ctrl+S
6. 快速查找:Ctrl+F
7. 快速替換:Ctrl+H
#### - VSCode常用插件
1.快速打開瀏覽器
擴展->搜索open in browser ->點擊安裝
### 四、相關概念介紹
1. HTML5介紹
HTML5是用來描述網頁的一種語言,被稱為超文本標記語言。用HTML5編寫的文件,后綴以.html結尾。
HTML是一種標記語言,標記語言是一套標記標簽。標簽是由尖括號包圍的關鍵字,例如:<html>
標簽有兩種表現形式:
- 雙標簽,例如:<html></html>
