HTML 常用的标签

iframe 标签: 

 嵌套页面

展现效果为

当点击链接时就会在当前页面的内嵌页面进行跳转

Ps：iframe中的frame border属性表示边框，一般会设置frameborder=0来消除边框

a标签：跳转页面

<a href="xxxx" target="***"> a标签中的target有四种属性

_blank:在新页面中打开

_self：在当前页面打开

_parent：在父级页面打开（iframe中的父级页面）

_top：在顶级页面打开（iframe多层级的顶层页面）

download属性：<a href="xxxx" download> download表示该链接为下载链接

或者定义content-type:application/octet-stream,也可以表达下载

<a href="#xxx">表示跳转到锚点并刷新当前页面，不发起请求

<a href="?name=xxx">表示跳转页面并发起?name=xxx的请求

<a href="JavaScript: alert(1);">表示伪协议，点击后执行JavaScript代码；ps：<a href="Javascript:;">点击后不发生跳转

a标签发起的是get请求

form标签发起的是post请求，PS：form标签中必须要有提交按钮，否则无法提交

eg：<form action="index.html" method="post"><input type="submit" value="提交"></form>

form标签中的target与<a>标签是一致的

PS：提交按钮----button标签默认具备提交功能，发起post请求；input标签则必须定义type="submit"。

input标签中的type需要给一个name，否则服务器无法获取。

input标签中的type---checkbox为复选框(同类型选择的话需要定义一个相同的name)，radio为单选框（两个单选框需要同一个name才能二选一）。

eg：<input type="radio" name="a" value="yes">yes</input>

<input type="radio" name="a" value="no">no</input>

select标签的常用方法：其中第三组表示默认选择，第四组表示不可选

table标签内有三个元素<thead></thead>、<tbody></tbody>、<tfoot></tfoot>

资标签有<tr></tr>----table row, <td></td>----table data，<th></th>----table header

PS：浏览器会自动管理thead、tbody、tfoot的顺序

colgroup标签可以定义table的属性。