关于HTML的标签

1.iframe标签

<iframe src="xxx" name="xxx"> /<iframe>

iframe是一个嵌套的标签 可以在iframe的窗口打开网页

<iframe name="xxx" src="#"></iframe>
<a target="xxx" href="xxxxxxxxx.com">xxx</a>

target的名字和Iframe的名字相同即可。

2.a标签

<a href="xxx" target= blank>blablabla</a>  新窗口打开链接
<a href="xxx" target= self>blablabla</a>   当前窗口打开链接
<a href="xxx" target= parent>blablabla</a> 父窗口打开链接
<a href="xxx" target= top>blablabla</a>    顶层窗口打开链接

a标签的下载属性

<a href="xxx" download>blablabla</a>       下载

a标签直接查询

<a href="xxx?name=xxxxx">blablabla</a>     直接发起请求进行查询

伪协议

<a href="javascript:alert(1);">blablabla</a>  这样打开直接响应1
<a href="javascript:;">blablabla</a>          什么也不做

3.form标签

如果form中无提交按钮则无法调教。

使用form提交用户名密码#post方式

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

按照上述代码可以直接让post行为有查询参数

另:form中的

<button>xxx</button>

会自动升级成提交按钮

4.input标签

label标签与input标签的关联

直接讲老司机用法

<label>用户名<input type="text" name="xxx" ></label>  点击用户名即可输入用户名

radio勾选框 #只能单选！

<label>是否同意<input type="radio" name="xxx" value="yes" ></label>
<label>是否同意<input type="radio" name="xxx" value="no" ></label>

相同的name就只能选择一个

checkbox #可多选

<label>小红<input type="checkbox"></label>
<label>小芳<input type="checkbox"></label>
你喜欢哪个女孩子就选哪一个 ，两个都喜欢就都选

5.table标签

子标签

tbody thead tfoot td th tr 直接举例说明用法

<table border=1> #列表格
<thead>
    <tr>
        <th><th> <th>姓名</th>
    </tr>
</thead>
<tbody>
    <tr>
        <th>平均分</th><td>数据</td>
    </tr>
</tbody>
<tfoot>
.......
</tfoot>
</table>
#需要注意不管如何调整三个的位置 始终是thead在上 tbody在中 tfoot在下