1、iframe
常用于嵌套页面
<iframe src="https://baidu.com" frameborder="0"></iframe>
常用属性:
1)src,
iframe中打开的URL
2)frameborder
iframe默认样式有边框,可设置为0去除
3)name
iframe的名称,可与a结合使用
2、a
常用于创建到其他网页 \ 文件 \ 同一页面内位置 \ 电子邮件 \ 任何其他URL的超链接。
<a href="https://baidu.com">跳去百度</a>
常用属性:
1)href 为a的必须属性,它可以设置为
- URL,
如href="https//baidu.com"(绝对路径),或href="index.html"(相对路径)
- 锚点,
如href="#",点击后页面会滚动到顶部,不发起请求
- mailto:邮箱地址,
如href="mailto:123@qq.com",点击可拉起邮箱写邮件
- 查询参数
如href="?abc=123",点击后发起请求
- 伪协议,
如href="javascript: alert(1);" ,点击后会有一个内容为1的弹窗
如href="javascript: ;" ,点击后没有任何反应
2)target,
指定在何处显示链接的资源,它可以设置为
- _blank,新窗口打开
- _self,在自己当前页面打开
- _parent,在父母的页面打开,如没有,则效果同_self
- _top,在祖宗页面打开,如没有,则效果同_self
- iframe name,在指定iframe窗口打开
<iframe src="https://baidu.com" frameborder="0" name="test"></iframe> <a href="https://qq.com" target="test">在name为test的iframe里打开新页面</a>
3)download,
下载,建议使用download时,URL需有HTTP协议或HTTPS协议,如
<a href="https://qq.com" download>下载</a>
如果不写download,但http响应content-type为application/octet-stream,浏览器也会以下载的形式处理这个请求
3、form
表单
<form action="a.html" method="post"> <input type="submit" value="submit"/> </form>
form里如果没有提交按钮且没有js辅助,则需要有提交按钮,才能进行提交
属性:
1)action
处理这个form的程序所在的目标路径
2)method
method默认是get,但一般会设置为post,用于提交表单内容
4、input
空标签,一般与form搭配使用
<form action="a.html" method="post"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="submit"/> </form>
属性:
1)type
- button,按钮
- checkbox,多选框
- text,文本框
- password,密码输入框
- submit,提交按钮
- radio,单选框
2)name,定义元素名称,必须添加,不然无法提交数据
5、button
按钮
<button>按钮</button>
属性:
type,
- 默认为submit,可提交表单数据
- reset,重置所有组件为初始值
- button,没有默认行为
6、table
<table style="border-collapse:collapse"> <colgroup> <col width=200> <col width=200> </colgroup> <tr> <th>a</th> <th>b</th> </tr> <tr> <td>John</td> <td>Doe</td> </tr> <tr> <td>Jane</td> <td>Doe</td> </tr> </table>
1)colgroup,设定边框长度
2) 样式border-collapse:collapse可消除表格间距
3)如漏写tbody,浏览器会自动补全