iframe标签

表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。可替换标签，可以设置宽度和高度。

<iframe src="https://www.baidu.com" name="xxx"></iframe>

frameborder 可以设置边框宽度，frameborder=0 边框宽度为0

与<a>标签一起使用

<iframe name=xxx src="#" frameborder="0"></ifrme>
<a target="xxx" href="http://qq.com">QQ</a>

表示在xxx中打开页面。

a标签

跳转页面（HTTP GET请求）

<a href="http://qq.com" >

href 链接地址
href=“#” 页面锚点变成#，回到页面顶部
target
target="_blank" 新窗口打开
target="_self" 当前页面加载
target="_parent" 在当前页面的父级加载
target="_top" 顶层窗口打开
name 或 id 属性
创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
<a href="#属性">
download
下载，
<a href="/images/myw3schoolimage.jpg" download="w3logo">下载</a>
伪协议
<a href=" javascript: alert(1); ">xxx</a>只执行js，不是url
<a href=" javascript:; ">xxx</a> 点击后没有任何动作，满足一些奇葩要求。

form标签

跳转页面（HTTP POST 请求）
表示文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。

<a href="index2.html">link</a>
<form action="index2.html" method="post">
    <input type="submit" value="提交">
</form>

如果form表单里面没有提交按钮，那么就无法提交，除非用js。
action 指定请求路径
method 指定请求动作（get post）
name 出现在请求的第四部分 key：value
get 会把参数默认放到查询参数，不会出现在请求的第四部分
post 会把参数默认放到第四部分，可以使用 ?name=xxx 出现在查询参数位置
form 标签跟a标签一样也有target属性，使用方式相同

input和button标签

区别：是否为空标签，input为空标签，

<input type="submit" value="提交">
<button>提交</button>

如果一个form表单中只有一个button按钮<button>button</button>，那么会自动升级为提交按钮。如果是加了type。<button type="button">button</button>则按照type相同。
<input type="submit" value="button">提交 submit是唯一的可以用来提交的按钮

input标签
<input type="checkbox" id="xxx"><label for="xxx">你好</label>和
<label><input type="checkbox">你好</label>作用相同。input中的id和label中的for是对应的。添加name属性才能把参数提交到服务器。
radio 单选框，指定同一个name，才能单选。
select 下拉框，disabled 不可选择， selected 默认选择，multiple 可多选。

table标签

<table>
    <thead>
        <tr>
            <th>姓名</th><th>班级</th><th>分数</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>姓名</td><td>班级</td><td>分数</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>姓名</th><th>班级</th><th>分数</th>
        </tr>
    </tfoot>
</table>