一：iframe
将另一个HTML页面嵌入当前HTML页面中
iframe嵌套QQ的主页
宽度300 高度150
通过css可以修改宽度和高度
name和target用法
不写frameborder=0就会出现右图的边框
iframe里的src可以写相对路径
二：a标签
四个打开链接的方式
"-blank"在新窗口打开
"-self"在本身打开
"-parent"在父级窗口打开
"-top"在顶级窗口打开
下载
http响应的content-type为：application/octet-stream，浏览器就会以下载的形式接收请求。
如果content-type是别的，就不能以下载的形式展开，但是可以增加download强制下载，但是部分浏览器的某些版本不支持。
如果把 <a href="http://qq.com"></a>修改为<a href="qq.com"></a>
那么这里不能跳转到qq主页，因为这是一个相对地址，浏览器会把它当作是一个以后缀名为com的文件打开它。所以必须要要写上http协议
如果把 <a href="http://qq.com"></a>修改为<a href="//qq.com"></a>
那么会按照当前的当前协议打开它，
一般是不准使用file协议，可以通过上传到git hub使用预览功能预览。
还有一种方式是可以下载安装一个http小工具。名字叫做"http-server"
使用#是不发起get或者任何请求的，只有锚点#是不发起请求的，它的作用只是页面内的跳转。
a标签的javascript伪协议
点击a标签后不要跳转的作用，同时也没有请求 。分号；代表JS的代码，表示这个协议什么都不做。
如果使用<a href="#">请求</a>或者<a href="">请求</a>都会跳转
#代表本身的第一个标签的跳转
三：form
form可以发起get和post请求，一般来说默认是get，但是很少用,都是使用post请求。
a标签只能发起get请求。
a 标签跳转页面（HTTP GET 请求）
form 标签跳转页面（HTTP POST 请求）
添加method='POST'
用form提交用户名和密码
如果账号和密码用的是中文，www-form-urlencoded规定所有英文及键盘上特殊字符之外的都会经过utf-8转义。
note:
1、file协议是不支持POST的，需要用http协议，所以可以用http-server工具。
2、method的里面只能输入GET和POST，大小写都可以，但是如果输入其他的信息就会默认的用GET取代你输入的信息。
3、用get的，会把参数默认放到查询参数里，例如账号Leejingjing，密码123
4、用POST如果想用GET默认一样的查询参数，可以在action中手动写上
5、GET请求不能有第四部分。
6、form标签和a标签一样也有target。
form可以使用target='_blank'提交后打开一个新的页面，只是a标签是get请求，form是POST请求。
也可以把target 写到一个iframe里面，
form中的input标签
input标签中的button
如果一个form只有一个按钮，type是button,会自动升级为提交按钮。
<button>button</button>可提交
<input type="button" value="button>不可提交
<input type="submit" value="button>可提交
input标签中的checkbox
checkbox： 复选框。
这里需要定义for和id，for的意思是为了id准备的，label中的for和input中的id是要一起使用的；
input内容都要写上name，图片里面的忘记写了，要不然提交后不知道是干什么用。如果不给name，用get发起请求后地址栏会没有内容，必须是要给的，
input标签的radio
radio：单选按钮
如果radio没有给name，比如，本来是单选框变成两个都可以选择了。
所以radio是必须要给name的，而且name必须要一样，这样才能够成为单选框。例如都加上name='loveme'
select标签
一般跟option搭配，里面可以增加disabled代表不能选择，selected代表默认选择，
multiple代表可以多选
textarea标签
1、如果不给textarea标签宽度和高度，这个文本框就可以自动改变大小，大到一定程度，旁边的代码会变动。
2、所以最好给一个宽高。宽高可以按照CSS定义
3、宽高可以在CSS中使用width和heigth或者直接使用cols和rows，但是cols和rows不够精确，精确的宽高还是需要使用CSS。
table标签
table里面包括三个子元素thead,tbody,tfoot，表头，内容和尾部。
thead,tbody,tfoot里面有tr，代表table row，表的一行。
tr里面有th和td，th代表这一行的行头，和里面的内容td，td就是table data。
table标签的里面的<colgroup>一般和<col>一起使用。
网友评论