html是根标签，所有的内容都需要放在html里面
head和body是结构化标签
head里面是设置给浏览器看的东西，比如一些编码字符集<meta charset="utf-8">（utf---万国码），页脚标<title>VVVGG</title>
body里面是给用户看的东西
p标签----段落标签，独占一行
h1~6-----标题标签，独占一行，可以自由的放大和缩小字体大小（h$*6 然后tab 生成 h1~6 标签）（ul>li*6 然后tab 生成ul然后ul下有6个li标签）
strong----加粗
em--------斜体
del--------删除标签
空格在html语言是文本分割符，不代表空格文本
html编码： 代表空格 < 代表小于符号 > 代表大于符号
标签是为了修饰里面的东西，作用其想要变成的样子
所以对于meta，br（回车），hr（水平线）这种能够单独完成一个功能的标签是不需要成对出现的就是单标签
ol>li （有序列表）
其中reversed表示反序，去掉为正序
ul>li 无序列表
只有一个属性值type，默认值为disc（实心圆）square（方块）circle（空心圆）
src--链接；alt---图片占位符；title----图片提示符
A标签的作用
1、超链接
target="_blank"---新建一个页面并跳转
2、锚点
a标签原本的作用---锚点，跳转到你想要跳转的位置
3、打电话
这就像一个外卖APP中的联系商家，会启动手机端的打电话功能
同理也可以用来发邮件
4、协议限定符
强制运行js代码
form标签
发送方法：get or post
发送地址：action=“https:www.baidu.com/123.php”
传送到后面需要值和名：值为输入的东西，名为input的name的username和password
传送数据到后端，提交成功后为如下url：
选择框
name值相同为同一组，只能选择一组中的一个
数据名：VV 数据值：one/two/three
提交以后的样子：
注 多选框type为checkbox；
默认选择：（复选框和单选框都可以使用）
下拉框
传递的名是province 对应的值就是option里的
模拟一下平常见到的搜索框
onfocus 组件聚焦
onblur 组件不聚焦
通过this来改变组件的状态