HTML学习总结

HTML学习总结

1.对HTML的认识

首先，我们要对HTML有着清晰的认识，能了解HTML的主要作用及其基本操作与实现方式。方便我们更好的使用和学习HTML的操作。

我们要清晰的认识到HTML不是一门编程语言，而是一种用于定义内容结构的标记语言。

HTML是超文本标记语言（HyperText Markup Language）的缩写，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

在浏览器中看到的任何网页背后都是一个 HTML 文档，只要在网页上点击鼠标右键->查看源代码（用控制台工具F12也可）就可看到。

对于HTML的开发软件，本人使用的是VS code，相比于其他应用来看，VS的操作界面或者是其他的可使用性等都算是很适合HTML的操作。

2.下面进行一些简单的HTML的介绍

所谓工欲善其事，必先利其器。VS code作为最受欢迎的一款软件，本篇决定将先对vs进行一定介绍。

VS code下载官网
其下载流程无非是最简单的无脑安装，在此，不进行过多强调。

打开VS code之后，File----Open Folder 选择这些内容进行新建文档，但在此之前，记得一个很重要的事情！！！！！
千万记得先将下面的Auto Save选上
这样就可以完美的保证的你的代码在中途不会因为粗心大意而丢失
还有一点也很重要，就是在运行VS之前的插件下载，由于本次提及的多为HTML相关内容，所以笔者在此向大家推荐这款插件

新建好的文件夹建议放在自己常用的工作盘中哦。。。。

新建好了之后，如图所示，找到这个图标后创建一个后缀为.html的文件，这就是你的第一个HTML文件啦！双击就可以在其中进行编写啦。写完之后，鼠标右键单击，找到刚才添加的插件就可以运行啦，另外在这里笔者特别推荐大家使用Chrome 或 Firefox
Chrome下载地址
Firefox下载地址

3.总结

前面简单的讲述了自己从学习HTML以来的一些最基本操作，接下来将给大家讲述最重要的一部分，也就是自己对这段时间以来学习关于HTML的一些认知和理解。
首先，HTML具有文档格式，元素，超链接，锚点，文件路径，预设格式，特殊字符等一些要素 。
HTML可以帮我们解决前端框架的整体实现，前端效果，本地存储，数据库等问题。

一.文档格式：

1.文档的第一行一般为<! DOCTYPE html>；声明该文档类型是html类型，出于历史原因需要，现在可有可无，不过建议还是写上。
2.< html></ html>元素，这是一个根元素，其他所有的元素都必须嵌套在这里面。
3.< head></ head>元素，我们可以在这里面进行网页字符集的声明：< meta charset=“utf-8”>，保证你的网页不会出现乱码。

二.HTML的元素:

一个HTML文档是由许多元素构成的，一个元素由开始标签、内容和结束标签构成，元素还可以包含属性，属性包含元素的额外信息，这些信息不会在浏览器中显示出来。

三.HTML的超链接:

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。基本上，我们可以把任何东西加上超链接。
超链接语法： < a href=“https://www.baidu.com/” target="_blank">百度一下（去掉段首空格即可）
百度一下

四.HTML的锚点：

锚点，也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。先使用id属性声明并生成某元素的锚点，然后再使用超链接指向该锚点即可。

五.其他:

剩下的有关特殊字符等其他基本操作则不在这里做过多赘述。

感谢观看