HTML常用标签

1.ifram 标签

用途：在网页中嵌套另一个网页
<iframe src="www.baidu.com" name="xxx"></iframe>

常用属性：name 可以用作 <a> 标签与 <form> 标签的 target 属性值，也可以用作 <input> 标签和 <button> 标签的 formtarget 属性值，还可以用作 window.open() 方法的 windowName 参数值

与<a>组合使用

<iframe name="xxx" src="#" frameborder="0" width="100%"></iframe>
<a target="xxx" href="https://www.baidu.com">度娘</a>
<a target="xxx" href="https://www.qq.com">腾讯</a>

效果：

点击跳转相关页面

2.a 标签

用途：跳转页面或通向同一页面的不同位置（HTTP GET请求）

2.1不同target属性值：
<a href="http://www.baidu.com" target="_blank"></a> 新建窗口
<a href="http://www.baidu.com" target="_self"></a> 当前页面
<a href="http://www.baidu.com" target="_parent"></a> HTML4父框架或当前的HTML5浏览上下文的父浏览上下文
<a href="http://www.baidu.com" target="_blank"></a> 顶层浏览上下文

2.2下载
<a href="http://www.baidu.com" download>下载</a> download属性
或 Content-type: application/octet-stream

2.3href的值
i <a href="qq.com">QQ</a>

ii <a href="//qq.com">QQ</a>

iii <a href="https://qq.com">QQ</a>

可以启用本地服务器点击后就使用了HTTP协议通过路径来访问网页

iiii 伪协议 <a href="javascript:;">QQ</a> 用途：点击a标签后不跳转什么也不做（如果使用href="#"页面会跳动一下 如果使用href=""页面重新刷新当前页面 ）

3.form 标签

用途：跳转页面把用户所选统统提交到web服务器（HTTP POST请求）

<form action="users" method="post">
        <input type="text" name="username">  
        <input type="password" name="password">
        <input type="submit" value="提交">
    </form>

4. input标签

用途：为表单创建交互控件以便接受来自用户的数据
type属性常用值：text password checkbox radio

与label标签搭配使用点击标签也能进入输入框
（知识点：老司机不想取名字可直接用label标签包裹效果相同注意！name属性一定要写不然无法提交至服务器）

  <label>用户名<input type="text" name="username"></label>

必须写name属性才能将值提交到服务器如下

checkbox与radio

多选与单选

<select name="group" multiple>

5. table标签

属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/table