html的几个标签,关于HTML的几个标签

iframe标签

iframe标签会在当前页面内嵌套一个页面，这个页面可以通过CSS来控制大小。

iframe页面嵌套

iframe标签可以和a标签配合使用，给iframe标签一个name，然后用a标签target指向iframe的name，就可以在iframe的页面展示a标签链接的内容。

例如：

百度标签的效果如下：

a标签跳转

a标签

a标签的target

a标签的target控制的跳转有4种形式

当在index中利用iframe标签指向inndex2时，在index2中写上述代码，会生成4个指向百度的链接，但实现的效果不一样。

_blank 浏览器会新开一个空页面打开百度。

_self 浏览器会在index2页面上(index中iframe标签生成的嵌套页面)打开百度。

_parent浏览器会在index2的上一级页面中打开百度。

_top 浏览器会在index2的最上层页面中打开百度(如果有超过2级嵌套，比如index>index2>index3，如果a标签在index3页面中，_top标签会在index页面中打开链接)。

a标签的指向

下载

a标签指向下载有两种方式

下载

content-type: application/octer-stream

第一种方式就是在a标签中指定download类型，第二种方式就是在跳转页面声明这是个下载文件，不是展示文件。

其他

form

先看一段例子

form标签

form标签和a标签是一对的，form默认是GET请求，可通过设置

method="POST"来实现POST请求，而通过

input输入的

username和

password会放入请求的第四部分提交。

而如果将action后面加入查询参数，那么在post的同时也会出现查询参数。

image

input

input主要作为上传参数的获取方式，例如会出现一个提交按钮，点击就可上传一些参数。

但是如果form标签里面没有type="submit"的input标签时，使用提交可将button自动升级为带有type="submit"的input标签。

checkbox

此种input的作用是生成一个可供勾选的选项，点击就可勾选。

熟悉的语言

C

Java

checkbox

如果把它放入

label中间，那么点击后面的文字也可进行选取。

熟悉的语言

C

Java

radio

ridio也是生成一个可供勾选的选项，例如

喜欢运动

yes

no

radio

此种写法有个问题，就是

yes和

no可同时被选取，如果给两者同时加上同一个

name，就会只能选取一个选项。

喜欢运动

yes

no

select

select是一个下拉框选项，比如：

A

B

C

select

B选项的

disabled表示B不可被选取，C选项的

selected表示默认的选中的C，此时都是单选，如果要改为多选，则应该这么写：

A

B

C

这样就可通过摁住ctrl或者shift进行多选了。

textrea

textrea是创建一个文本输入框，例如：

textrea

style="resize:none"表示此文本输入框不可在网页中通过拉伸改变大小，它的大小受

cols="30" rows="10"控制，为30字宽，10字高，不过这个不准。

一般通过设置宽高的像素来控制文本输入框的大小，例如：

table

table包含3个元素，分别为thead、tbody、tfoot。例如：

编号名字数量

1张三10

2李四15

3王五10

合计35

table

改变

thead、

tbody、

tfoot代码的位置并不会改变表格的样式，始终是按照

thead、

tbody、

tfoot的顺序排列的。

此时的

table是比较简陋的，可以给它加边框，还可以通过

colgroup添加背景色，控制宽度等。

//添加边框

//第一列的宽度

//第二列的宽度

//添加背景色，第三列的宽度

编号名字数量

1张三10

2李四15

3王五10

合计35

加边框table

还可通过CSS消除边框的间隙。

无间隙table