html 常用标签

1. iframe 标签

嵌套页面

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

有的人说iframe优秀，调用静态页面比较方便。有的人说iframe浪费资源，每次加载都会重新载入刷新资源。而且刷新时会丢失iframe众内容。具体详见https://blog.csdn.net/yintianqin/article/details/72625785。

1. a 标签

跳转页面（HTTP GET 请求）

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

<a href=""  targer=""></a>

href 有几种表现形式，可以是一串链接如www.qq.com;可以是 qq.com 如果是qq.com 浏览器会根据当前协议补全该协议。如果是“”，则对当前页面的刷新；如果是#，则定位到瞄点位置，或者页面的顶部；还有javascript的伪协议，主要为了应对一些变态要求。如javascript:;表示什么都不做，javascript:alert(1)表示运行一段javascript的源码。

target的标签主要有4中形式：

_blank

_parent

_top

_self

以及可以定义到iframe。通过name进行关联。

1. form 标签

跳转页面（HTTP POST 请求）

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

form跟a主要的区别在于，a 用来get请求，form有两种一种为post，一种为get。其中form一般用post来向服务器发送消息。

其中username和password，submit可以组合进行提交。

1. input / button

区别：是否为「空标签」

input 的属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input
button 的属性见：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button

在form中如果没有submit ，button也没有类型，那么button可以转换为submit按钮。

注意label的用法，包括在input前可以使文字点选定位到功能上。

input type-=“checkbox”  input type=“radio”主要区别在于复选。

textarea 在于多文本样式。

select 有默认，disable，selected，mutiple等标签。

1. table 标签示例

用于展示数据

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

<table>

<colgroup></colgroup>

<thead></thead>

<tbody></tbody>

<tfoot></tfoot>

~~~~~~~~~~~~

中间涉及<tr><td><th>