HTML (超文本标记语言）
vue react 都是围绕着HTML去开发的
浏览器通过执行过程：
erDiagram
computer_files||--o{ browser : places
browser ||--|{IP-Browser_arsing-port_number:Display_the_page
computer_files }|..|{ Third-party_oftware : node
电脑下面相关文件： 前端资源（html htm json css js jpg mp4 svg pdf ...) 不同的文件后缀是通过以什么样子的格式来解析
HTML构造
非闭合标签
meta标签
// 也可以通过自定义 大部分都是为了SEO优化
<meta charset="UTF-8"> // 以UTF-8"编码 解码
<meta http-equiv="X-UA-Compatible" content="IE=edge">
// content-security-policy csp白名单策略 跨脚本攻击
// content-type text/html charset="UTF-8" 以什么方式做解析
//refresh content-type 重新载入界面的间隔
# name
// keywords 关键字
// author 标识作者
// description 页面简介
// robots 爬虫 all 可以引用此网页 none 忽略此网页 index 可以引用单个网页 follow 从index链接找到的网页
// viewpoint 主要用于与移动端，视口的初始化大小
/**
* width: width-device 布局的viewpoint宽度 建议不用修改
* initial-scale: 1 初始化的宽度
* maximum-scale: 正整数负数 允许放大
* minimum- scale: 正整数负数 允许缩放
**/
link 标签
type
// 常用类型text/css
rel
// stylesheet
href
// 链接地址.css 文件
闭合标签
HTML 标签
// leng:en 提示是否翻译 zh
head 标签
title 标签 //文章标题
script 标签
body 标签 // 产出区
H1-H6 标题
// 字体大小是根据 em 相对的倍数
a
// href 可以是超链接 也可以是路径 伪协议 ID
// target __blank 空白窗口 _top 顶层 _parent 在上一层窗口打开 _self 当前窗口打开
table
// 表格 tr行 th 列 thead 标题 tbody 内容
form
// action 为跳转地址 以及 跳转路径 等等
// method 请求方式 POST GET
input
// type: text 文档类型 password 密码 redio 单选 checkbox 多选 submit 提交
// file 上传 image 图像形式的提交按钮 reset 重置 hidden 隐藏输入字段
// button 点击按钮 color 定义调色板
// tel 定义包含电话号码的输入域
// email 定义包含email地址的输入域
// url 定义包含URL地址的输入域
// search 定义搜索域
// number 定义包含数值的输入域
// range 定义包含一定范围内数字值的输入域
// date 定义选取日、月、年的输入域
// month 定义选取月、年的输入域
// week 定义选取周、年的输入域
// time 定义选取月、年的输入域
// datetime 定义选取时间、日 月、年的输入域(UTC时间)
// datatime-local 定义选取时间、日 月、年的输入域(本地时间)
// list 文本框输入提示值（配合着 datalist list要与 id 匹配 datalist 下面的Option 为提示值 非闭合标签)
select
// 下拉选择 Option 下拉框
img
/**
* width 数字类型 字符串
* height 数字类型 字符串
* src 相对路径 绝对路径 网页路径（为图片路径）
**/
video 视频
/**
* width 数字类型 字符串
* height 数字类型 字符串
* autoplay 自动播放
* controls 视频控制
* poster 视频正在下载时显示的图像，直到用户点击播放按钮。
* loop 播放完成后自动播放
* muted 在有音频的时候 静音
* preload 则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"则忽略该属性{
auto
metadata
none
}
* src 相对路径 绝对路径 网页路径
**/
ul li 无序列表
ol li 有序列表
