一、路径
路径：写想要找到的资源位置（前端需要了解：相对路径的资源不能跨越盘符查询）
1、相对路径：相对于当前html文件去找其它资源的方式
(1)同级查找：当前html和目标在同一级目录中；语法：直接写资源的名字即可
(2)上级查找：当前html和目标在上级目录中；语法：../写资源的名字即可
(3)下级查找：当前html和目标在下级目录中；语法：文件夹名/写资源的名字
2、绝对路径：资源在电脑中的具体位置(复制电脑中具体位置的时候，别忘了加这个资源的具体名字，以及斜杠！)
注意：在前端语法中，绝对路径不推荐写！！！只推荐使用相对路径！！！
二、列表
无序列表：ul嵌套若干li，每个li就是一个选项
例：
有序列表：ol嵌套若干li，每个li就是一个选项
例：
- css
- js
- html
三、布局的标签
布局标签：当没有任何语义的时候，就可以使用div或span来进行内容的包裹，目的是后期css代码可以找到对应标签中的内容来设置样式
div：独占一行空间，称之为大盒子
span：一行可以放置多个，称之为小盒子
例：
我是div
我是span
四、音、视频、测试点
audio音、video视频
测试细节：因为历史发展原因，导致音、视频标签兼容性很差，对于测试工作来讲，需要测试三大主流浏览器是否能正常运行音、视频；
Ie测试低版本(ie7、8、9、10、11)
测试方法：打开ie，f12，找到仿真（必须是ie高版本才能测试低版本）
什么时候测试低版本：用户要求，再测试！
五、form表单标签
form表单标签里面就是所有用户填写的表单数据；
action="xxx.jsp" 把表单数据提交给哪一个后台程序去处理
method="post" 传递数据时候的方式方法，post代表隐式提交数据；get明文传送数据
六、input标签的type类型：
type="text" 普通的输入框
type=”password” 密码框
type="radio" 单选框
checked="checked" 此属性可以表达默认选中状态
测试细节：
1、点击查看是否为单选效果
2、刷新的时候是否有默认选中的状态
3、点击文字是否可以进行切换
type="checkbox" 多选框、复选框
checked="checked" 默认选中
测试细节：
1、刷新的时候是否有默认选中的状态
2、点击文字是否可以进行切换
注意：一切测试要追溯到用户的需求
select标签嵌套若干option标签，每组option就是一个下拉菜单中的选项
selected="selected" 下拉菜单的默认选中
测试细节：
1、内容的顺序
2、默认选中的状态
3、内容的条数
textarea 文本域
测试细节：
1、测试三大主流浏览器外观大小是否一致
2、提醒程序员禁用拖拽大小的功能
type="button" 普通按钮，需要js配合才能实现其它效果
value属性设置按钮身上的文字
type="reset" 点击后可以让表单数据恢复默认值
value属性设置按钮身上的文字
type="submit" 点击后可以让表单提交给指定后台处理
value属性设置按钮身上的文字
点击后无论是否报错，都与我们无关，最终测试的时候，只要关注数据库中的内容是否正常添加即可
placeholder="请输入用户名" 文字提醒属性
