一、A标签的用法

常用属性

href 表示超链接到某一网页
target 表示到指定窗口打开
download 表示下载网页
lel=noopener 表示

作用

跳转外部页面
跳转内部锚点
跳转到邮箱或电话等

1、 a的href取值

网址

https....:加密协议
http.....:未加密协议
//.......:无协议网址自适应选择以上两种协议常用这种）路径
/a/b/c.html :使用文件路径和文件名链接
a.html :直接使用文件名链接伪协议
javascript:代码；
1. 代码为alert(内容)时会弹出含有内容的对话框
2. 代码为空时为空协议页面无变化
mailto:邮箱跳转到给指定页面发邮件页面
tel：手机号跳转到给指定号码打电话界面 id
href为空时无变化只刷新页面
href为#时点击页面会跳到顶部
href为#+xx 并在指定行内添加id=xx 点击会跳转到指定的xx行

2、a的target取值

内置名字
加在网址后面

_blank :在空白页打开页面
_top ：当前页面最顶层窗口打开页面
_parent :当前链接所在上一层打开
_sely :在当前页面打开（默认值）
target=xxx时：所有指定xxx页面都在xxx中打开 iframe标签：内嵌窗口用，配合上面的标签用

3、download

4、rel=noopener

二、img标签的用法

作用发出get请求，展示一张图片
属性 width：宽度（展示图片时只输宽度或高度其中之一，否则图片会变形）

height：高度

src：图片地址

alt：图片加载失败时，用来显示文字描述图片内容

事件 onload/onerror:监听图片是否加载成功，前者响应成功调用/后者响应失败调用

三、table标签的用法

表头thead(tr+th)+表身体tbody(td+td)+表底部tfoot(td+td) （tr：一行； th：行表头； td：数据内容）
tabler-layout: auto自动计算行列直接距离比较个性化
borde-collapse: 表格合并属性
borde-spacing: 表间距

四、form标签

作用发送get或post请求，然后刷新页面
属性

（默认值）action：用来控制请求哪个页面 (一般包含下面两个标签)

input type="text":输入框
input type="submit":提交按钮（即可提交到相应路径)；后面加上value="xx"则提交俩字更改为xx

（input和button两标签用法一样，但button里面可以含有其它标签input只支持纯文本）

method:用来控制使用get或post来请求
autolomplete:"no"表示自动填充输入框；（在输入框标签中加上 name:"username"即可给出相应建议选项）
target="xx"则点击提交就会提交到xx页面

五、input标签(在form标签中间用)

作用：让用户输入内容

type

color:改变按钮颜色
password：不展示输入行内容
radio：选项按钮

<input typr="radio"> 男 
<input typr="radio"> 女
可以在两个中间同时添加name当相同时即可二选一

checkbox：多选按钮

<input typr="checkbox" name= "2"> 小黄
、<input typr="checkbox" name= "2"> 小黑 
<input typr="checkbox" name= "2"> 小红 
name名字相同表示这是一组字符串

*file:上传一个文件加上multiple即可上传多个文件

hidden: 看不见的输入框用来自动填写id字符串等
required:表示必须输入内容才能提交

六、trxtarea标签（在form标签中间用）

用来多行输入，但是用户可以改变输入框的大小
标签里加入style="resize: none"表示固定输入框；styler中加入宽高改变输入框大小。

七、select标签（在form标签中间用）

下拉选择列表代码

<select>
    <option value="1">-请输入-</option>
    <option value="2">星期一</option> 
    <option value="2">星期二</option>
    <option value="2">星期三</option>
</select>

注意事项一般不监听 input 的click 事件 form 里面的 input 要有name form 里要放一个type-submit 才能触发 submit 事件

《HTML常用标签》