【HTML】学习路径1-网页基本结构-标签基本语法

本系列将学习最基础的web前端知识：

HTML---CSS---JavaScripts---jQuery

四大部分学习完以后再进入到JavaWeb的知识。（后端）

然后再学习SpringBoot技术、SSM、Vue等等，

最后再讲讲实际项目开发、就业面试等内容。

---

第一章：下载一个自己喜欢的轻量化代码编辑器

我推荐初学者在一开始使用较为原始的开发环境，

比如我们在学习Java的时候，我们先使用了记事本+控制台编译的形式，

学到一定程度之后再换上开发工具IDEA。

学习HTML也是一样，我一开始会先使用比较简单的开发工具：Sublime Text，一个Mac平台的文本编辑器。

在Windows平台请使用notepad++！

并且选择对应的语法高亮。

对于Mac上的软件下载，我推荐浏览http://macwk.com，这绝对是一个牛逼的网站。

我不能接受有Mac（绿色）用户不知道这个网站。

第二章：编写第一个HTML文件

这就是一个最基本的HTML文件，文件后缀名是.html（.htm也可以)

最外面用<html> 和</html>包围，里面有一个head和body

<html>
<head>
	<title>
		我是标题
	</title>
</head>

<body>
	Hello World

</body>

</html>

保存文件，然后双击用浏览器打开，就可以看到我们的成果了！

我们还可以在文本编辑器中，直接右键，在浏览器中打开。

第三章：解决编码问题-无脑版

标题是乱码，本来应该显示“我是标题”。

这是一个编码问题，我们文本编辑器的编码和我们浏览器读取的编码不同导致的。

（如果你使用开发环境来编写HTML文件，可能不会出现这些问题，但是这个问题非常基础，我们必须了解，这就是为什么我们使用这样的编写方式）

解决方法很简单，我们将文本编辑器的编码和浏览器读取编码保持一致即可。

都选用同一个编码之后，网页就可以正常显示了。

后面，我们会学习更多的标签，去自动解决标签问题。

第四章：一些语法规则

1、html语法不区分大小写 2、有开始，就必须有结尾，除了一些单独的标签 3、如hr

<hr/>是那个分割线