1 a 标签的用法
1.1 作用
- 用户点击后，跳转到外部页面
- 用户点击后，跳转到内部锚点
- 用户点击后，打开默认邮件程序
- 用户点击后，唤起电话拨号
维基百科
1.2 属性
- href：指向
- 网址，如
http://baidu.com,https://baidu.com,//baidu.com - 路径，如
/a/b/b1.html,a/b/b1.html，这里要注意根目录指的是当前服务 - 伪协议，如
javascripy:; - 锚点，和id属性相关，如
#demo
- 网址，如
- target：指定如何展示打开的链接
-
_self默认值，在当前窗口打开 -
_blank在新窗口打开 -
_parent在父窗口打开 -
_top在顶层窗口打开 - 其他自定义命名
-
- download：点击后，会出现下载对话框，兼容有问题，特别是手机
- rel：说明链接与当前页面的关系
-
noopener告诉浏览器打开链接时，不让链接窗口通过 JavaScript 的window.opener属性引用原始窗口，这样就提高了安全性。
-
2 img 标签的用法
2.1 作用
发送一个get请求，然后展示图片。它是单独使用的，没有闭合标签
2.2 属性
-
src：指定图片的网址 -
alt：设定图片的文字说明。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本 -
height：指定图片高度，单位是像素或百分比 -
width：指定图片宽度，单位是像素或百分比
2.3 事件
- onload: 图片加载成功的事件
- onerror：图片加载失败的事件，这时候可以换一张默认的失败图片
2.4 响应式
网页在不同尺寸的设备上，都能产生良好的显示效果，叫做“响应式设计”（responsive web design）。如果想让图片在页面大小随意拖动的情况下都能占满，看到比例不变，需要在reset整个css之后，使用max-width:100%的统一配置。
* {
margin:0;
padding:0;
box-sizing:border-box;
}
img{
max-width:100%
}
2.5 可替换元素
面试可能会考可替换元素
在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
3 table 标签的用法
3.1 作用
以表格的形式展示数据
学号 姓名
001 张三
002 李四
3.2 相关标签
-
table:所有表格的内容都放在这个里面 -
thead:table的一级子元素，表示表头 -
tbody:table的一级子元素，表示表体 -
tfoot:table的一级子元素，表示表尾 -
tr:table row, 表格的一行 -
th:标题单元格 -
td:数据单元格
3.3 相关CSS样式
-
table-layout：控制列宽度,主要使用auto宽度取决于内容，fixd仅由该列首行的单元格 -
border-collapse:collapse：边框合并，表格中相邻单元格共享边框 -
border-spacing:0：边框之间的距离设置为0
屏幕快照 2019-10-04 下午8.34.56.png
实际测试代码如下
Document
电话：susu的手机
邮箱：susu的邮箱
百度：百度搜索
班级表
姓名
班级
王五
2班
张三
1班
总人数
2
4 form 标签的用法
4.1 作用
发送get或者post请求，然后刷新页面
4.2 属性
- action: 控制请求哪个服务器接口
- autocomplete: off（不自动填写）和on（自动填写），与input中的name属性配合使用，比如
- method: 提交数据的 HTTP 方法
-
method=post表单数据作为 HTTP 数据体发送 -
method=get表单数据作为 URL 的查询字符串发送
-
- target: 在哪个窗口展示服务器返回的数据。可能的值有_self（当前窗口），_blank（新建窗口），_parent（父窗口），_top（顶层窗口），