一、学习前端准备工作
1、准备一台电脑，配置不需要很高一般的电脑就行
2、安装开发软件以下主流开发软件安装一个就好。
🌸 vscode
推荐星数: ⭐️⭐️⭐️⭐️⭐️
轻量级的IDE， 一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器；界面简洁明晰、操作方便快捷，设计得很人性化
🌸 webstorm
推荐星数: ⭐️⭐️⭐️⭐️
比较吃内存和启动慢，如果电脑的配置比较高还是蛮推荐的，毕竟功能还是很强大的。推荐4颗星的原因是破解码比较难找，当然还是推荐大家购买正版
🌸 Hbuilder
推荐星数: ⭐️⭐️⭐️
是国产的一款前端开发工具而且是免费的，有强大的其他语言支持和开发webapp等功能，比较适合开发小程序或者webapp
二、了解HTML HTML5 doctype
1. 什么是HTML
HTML不是一门编程语言，而是一种用于定义内容结构的标记语言。
HTML是超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 。
HTML由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。
2. 什么是HTML5
HTML5是HTML最新的修订版本，广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
3. 什么是doctype
DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 标签之前。
现在使用的都是HTML5的标准，只要记住HTML5的doctype就好
HTML5的doctype
<!DOCTYPE html>
三、简单的HTML5文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码
