一、a标签

作用：跳转外部页面、跳转内部锚点、跳转邮箱或电话

（一） href= hyper ref 超链接

1.取值

（1）网址

https:// 或 http:// 或 //；

（2）路径

• /a/b/c以及a/b/c 其中/a/b/c中第一个/是http服务的根目录

• xx.html 以及 ./xx.html

（3） 伪协议

javascript：代码 不输入代码=不刷新页面

mailto： 邮箱

tel： 手机号

（4） id

herf=#xxx

（二） a的target取值

1. _blank 在空白页面打开

2. _top 在当前iframe页面的最顶部页面打开

3. _parent 在当前链接所在iframe页面上一层打开

4. _self 在自己页面打开

注意：如果target=xxx 则每次点击会重复打开同一个页面

（三）a的download

作用：下载页面 缺陷：不是所有浏览器都支持

注意：iframe标签是内嵌窗口 已经很少使用

二、table标签

table标签内只能有thead、tbody、tfoot

• table 表格

• thead 表头

• tbody 表格内

• tfoot 表尾

• tr

• td

• th

• table-layout：

auto 根据表格内容自动调整表宽

fixed 是表格等宽

• border- collapse：collapse 合并表格边框

• border-spacing 表格间距

三、img标签

作用：发出get请求，展示一张图片

属性

• alt：如果显示失败显示xxx

• width/height：修改任一数值，另一数值随之变动

注意：不可以让图片变形！！！

事件

• onload 图片加载成功

• onerror 图片加载失败

响应式：max-width：100% 图片宽度为页面宽度100%

四、form标签

注意：必须有 type="submit"才可以提交表单

作用：发get或post请求，然后刷新页面

属性：

• action 请求页面地址

• method 控制用get或post请求

• autocomplete 在表单输入时给出建议

• target 提交到指定页面

事件：onsubmit

可以用input ，也可以用 button ，但 input中不可以有其他标签

（一）input标签

作用：让用户输入内容

属性

类型：type

• password 不展示输入内容

• radio 单选

• checkbox 多选

• file 上传文件，multiple 上传多个

• hidden 看不见标签，给JS自动填入

• text 文本框

• select 下拉选择

• button

• email

• number

• search

• submit

• tel

其他：name

• autofocus

• checked

• disable

• maxlength

• pattern

• value

• placeholder

事件：

• onchange 输入改变

• onfocus 鼠标在表单内

• onblur 鼠标在表单外

特别注意：打开HTML必须通过输入网址

方法一：安装 http-server

方法二： 安装 parcel

五、其他感想

HTML标签比较多，在熟记每个标签的基础上需要多练习才能熟练掌握每个标签用法。