Web安全01—HTML基础

首先关于HTML学习的网站推荐

W3school，注意不是W3cschool！！https://www.w3school.com.cn/html/index.asp

菜鸟教程：https://www.runoob.com/html/html-tutorial.html

0x00 简单的HTML页面架构

	
								标签成对出现，/表式闭合标签<-->
    
        		charset  网页编码 gbk gbk2312 utf-8等，现在大多都是utf-8，gbk属于古老的网页了<-->
        				网页标题<-->
    
    							网页正文<-->
        This is a simple html page

0x01 HTML标签与文本属性

1、HBuiler工具

hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。同时，它还包括最全面的语法库和浏览器兼容性数据。

工具的方便之处-1

当新建一个项目的时候，会自动帮我们整理好文件夹内容，以及一些固定标签。

image-20220115134431018

工具的方便之处-2

保存在img文件夹的照片可以自动帮我们识别出来

image-20220115164517503

2、meta标签

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的关键词、描述、作者信息等，完全可以自定义，如果不写，搜索引擎对你的网页不太友好。所搜引擎所搜出来的结果无非两点最重要：第一是归类，第二是排名。这里的meta标签，起到的就是一个归类作用。

当然还有其他的属性与值，不仅仅是name，需要查看HTML手册进行分析，这里不一一列出。

标签定义文档与外部资源的关系。其实就是引用等等