本系列将学习最基础的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/>是那个分割线