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>
