目标
写一个静态购物网站
基础
网页为html格式的文件（Hyper Text Maekup Language）由图片、文字、声音及链接组成。
浏览器
五大浏览器：IE、火狐、谷歌、Safari、Opera
浏览器内核：读取网页内容（进行渲染）
WEB标准
W3C标准（浏览器不同导致页面和排版有差异）
由结构（h5）、表现（css）和行为构成（js），三者相分离编写
H5标签
开发工具
vscode
！+tab可以快速生成框架
!DOCTYPE声明文档类型
lang定义语言，en代表英语，zh-CN代表中文
charset字符集utf-8为万国码（没有会乱码）
常用标签
标题标签<h1-h6>
段落标签<p>
换行
加粗<strong>
斜体<em>
删除线<del>
下划线<ins>
盒子<div><span>
每个div占一行，大盒子，span是小盒子，一行可以有多个
图片<img> alt标签：替换文本，图片显示不出来用文字替代
width 宽度 height 高度 border 边框
相对路径，同级+ 文件名 下一级 /+文件名 上一级 ../+文件名
绝对路径（很少使用） 盘符位置开始或网址路径
超连接<a>href+链接地址 target指页面打开方式self为默认，blank为新窗口 href+#为空链接
锚点链接：#+名字 比如#life
注释 ctrl+/
 空格
<小于号
>大于号
表格标签
表格是用来展示数据的
table tr 行 td 单元格、
th 表头 文字会加粗居中显示
表格属性
align对齐属性 left center right
border 边框
cellpadding 文字和边框的距离，默认为1
cellspacing 单元格之间的距离，默认为2
thead头部区域表示
tbody 表格身体表示
rowspan竖向跨行合并
colspan横向跨列合并
列表标签
无序列表（常用）
ul --- li
有序列表
ol ---- li
自定义列表（多用于页脚）
dl ---- dt（父） dd（子）
表单标签
form标签定义
action提交给url
method提交方式 post，get
name表单名字
控件
input 输入
select 下拉 加option标签即可 使用selected可设置默认值
textarea 文本域
radio 单选按钮（和复选框一样，需要所有按钮名字相同）
value值，为元素默认值，可现实在前端
checked值，默认选中，页面打开即加载
maxlength，限制输入最大长度
submit 提交表单
reset 重置表单