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

Posted on 2022-05-25 18:56  罗芭Remoo  阅读(138)  评论(0编辑  收藏  举报

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