1、iframe内联框架元素，将另一个页面嵌入到当前页面中

<iframe src="https://www.baidu.com"></iframe>
(嵌套百度页面，src可用相对路径，如./index.html，然后就在嵌套页面中显示这个文件里面的内容了)

<iframe name="xxx" src="#" ></iframe>
<a target="xxx" href="https://www.baidu.com">百度</a>
这个时候点击百度，会在当前嵌套的空白页面中打开这个a中的href，target指向的xxx对应的name为xxx的嵌套页面

其他属性：比如frameborder=0

2、<a> 跳转页面（HTTP GET 请求）

打开页面：

<a target="xxx" href="https://www.baidu.com" >百度</a>
在name="xxx"的iframe中打开

<a target="_blank" href="https://www.baidu.com">百度</a>
在新的页面打开

<a target="_self" href="https://www.baidu.com">百度</a>
在自己所在的页面打开

<a target="_parent" href="https://www.baidu.com">百度</a>
在父页面打开，如果自己是被嵌套到里面的,一般是直接引入这个页面的

<a target="_top" href="https://www.baidu.com">百度</a>
最高级的页面中

下载：

<a href="http://baidu.com" download>下载</a>
当content-type:text/html时候可以直接强制性的加上download
或者在http响应中加上content-type:aplication/octet-stream

href：

href="baidu.com"是不可以的，因为会直接把它当成一个当前目录下面的文件，毕竟后缀com又不一定要是网页
href="http://baidu.com'可以，表示http协议，然后域名是baidu.com
href="https://baidu.com支持的话也ok
href="//baidu.com'无协议绝对地址，一般默认当前的协议
href="xxx.html“,会直接到/xxx.html
href="?name=lichee'ok,也加到当前页面链接后面，发起请求
href=""，自我刷新
href=”JavaScript:"伪协议，需要一个a标签却不能做任何事情
href="#xxx",会动一下子，只有锚点不发起请求

<a name="#tip">创建了个书签</a>
<a href="#tips">调到书签处</a>

3、form 跳转页面（HTTP POST 请求）,form中没有加提交按钮submit就无法提交

action对应a标签的href
<form action="index.html" method="post"><input type="submit" value="提交”></form>

我们可以改成<form action="user？zzz=xxl" method="post">把你写的参数从之前的第四部分变成放在查询参数中
注意a标签只能get不可能有第四部分，一直是查询参数

4、按钮
<button>button</button>会自动升级成提交按钮
<button type=“button”>button</button>就不能正常提交了
<input type="button" value="提交”>也不能
<input type="submit" value="提交”>
<input type="reset" value="重置”>

input结合lable标签使用，点那个字就可在框框里面输东西
文本框：

<label>用户名<input type="text" name="text"><label>
<label>密码<input type="password" name="password"><label>

多选框：(name保证服务器知道你们是同个问题)

<label><input type="checkbox"  name="hobby" value="programming">编程</label>
<label><input type="checkbox"  name="hobby" value="sleeping">睡觉</label>

单选框：（出来服务器方面，这里的Nane还保证了多选一）

<label><input type="radio"  name="gender" value="woman">编程</label>
<label><input type="radio"  name="gender" value="man">睡觉</label>

5、select #make a drop-down list（下拉的那种选择列表）

<select name="group">
    <option value="">-</option>(空的分组)
    <option value="1">第一组</option>
    <option value="2">第二组</option>
</select>

6、textarea #make a text area（多行文本框）

<textarea  style="resize:none;width:100px;height:100px; name="爱好“></textarea>

7、table

image.png

colgroup可以设置表格总体的一些属性
分成thead，tbody，tfoot三个属性
然后tr一行，th放内容，td放内容的数据
collapse把空隙给消掉了

8、其他
em表示语气重，strong意义强调
div和span不可以当head的儿子
<div contenteditable>你好</div> #contenteditable意味着可以编辑你好啦
划分块时候，一般因为后面要应用css，而css只能纵向或者横向，所以用div切块块要注意这个。
用section就像课文1和2，而div是语文课文1中的划段落
ol有序列表，ul无序列表，下面的一行行用li标签表示其内容
p表示段落，但是一组p标签内换行只显现出一个空格，应该用
来