网络安全之前端学习（HTML篇）

前言：网络安全中有一个漏洞叫xss漏洞，就是利用网页引发弹窗，这就要求我们看得懂源码，所以我会持续更新前端学习，可以不精通，但是一定要会，主要掌握HTML，css，js这三项技术，今天就讲讲HTML入门。 本文学习自哔哩哔哩中的 1.下载vscode vscode作为一个快捷工具，十分的好用，这里先教大家如何下载。 先搜索vscode官网， 选择红框所选择的，进入后正常下载 下载之后根据提示一步步来，在选择路径可以自己选择，在一个选择附加任务时把所有的都选上，等待一段时间就可以了。接下来我们来下载一些要安装的插件。 选择扩展模块，第一个就是中文插件，我现在时应经下载好的，输入Chinese，选择中文简体，下载，同时下载HTML css support（后期写css使用），live server（快速编译HTML文件），最后一个auto rename tag，下载好后就完成了准备工作。 2.正式学习html HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准，是构建以及呈现 的一种语言方式，被认为是互联网的 之一。HTML产生于1990年，1997年 成为互联网标准，并广泛应用于互联网应用的开发。 HTML5是Web中 HTML的规范，用户使用任何手段进行 时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。 2.1一些基本标签 在讲标签之前，我们要知道一般的网页都包含什么 这是一个网页最开始的样子，包含head，body（网页所呈现的），html，接下来我们学习一些标签。首先说一下如果我们每一次都要手敲这段代码是非常难受且费事的，所以我们按住“!”在按tab键即可一键补全 2.1.1标题标签（

标签） 从这个图中不难发现字体不断变小，这里要申明一点，就是h标签只有到h6，没有h7h8等东西。当然如果要一个一个敲似乎有点麻烦，这里给大家一个公式，h$*6即可一键生成h1到h6。在h1到h6中还可以添加属性，比如align，改变位置。 大家可以看到align是红色的，应为这是他不建议你这样用，一般都是用css进行改变，这个我们后面再说，不过也是可以用的。（这里讲一下，接下来的介绍中我不会在讲解属性的问题，关于标签属性我会单独拿出来来讲，同时在后期的css会解决大部分属性）。 2.1.2段落，换行，水平线。 首先是段落 标签。 可以看到输出了一个“我是一个段落标签”，这里大家就可能有疑问了，为什么要用段落标签，不是可以用h标签吗，其实是应为内容太短了，实际上在开发的过程中段落内容非常长，所以用p标签。 接下来是换行标签 可以看到使用br之后就换行了，这里要提醒以下br是单标签，千万不能后面加一个。当然br标签有两种写法，一个是 ,另一个是