HTML 学习总结2 框架表单

最新推荐文章于 2024-03-08 09:54:27 发布

卷儿~

最新推荐文章于 2024-03-08 09:54:27 发布

阅读量629

点赞数 1

分类专栏： JavaWeb 文章标签： html

本文链接：https://blog.csdn.net/wayne_lee_lwc/article/details/104891361

版权

这篇博客是HTML学习的第二部分，介绍了框架集标签的属性和在框架内镶嵌网页的方法，以及表单标签的属性和表单控件如input、select、textarea的用法。通过实例展示了如何创建和使用这些元素。

摘要由CSDN通过智能技术生成

这是HTML学习总结系列的第二篇，第一篇在这里：
HTML 学习总结1入门基本概念、格式文字标签图片标签链接标签表格标签注释
这次的学习内容相较第一次分类少，但是比较杂。

框架集标签

框架标签是将网页设置成网页框架的一种双标签，被设计成框架的网页被切分成若干区域，没有实际的内容，只当做框架用于镶嵌其它的网页。
那么，这个标签是：

<frameset></frameset>

框架集标签的属性

使用的时候需要将HTML文件中的body标签部分替换为框架标签，写成这样：

<html>
	<head></head>
	<frameset rows="500,*" border="3" noresize="noresize">
	</frame>
</html>

看上面的代码，用frameset替换掉body不难理解，毕竟我们约定做框架的网页不具有实体内容
接着，这里提到了框架标签的三个属性，分别为：

rows/cols 框架的分行或分列
border 分隔框的宽度
noresize 大小是否可调

现在来分别解释一下

第一个，rows 或cols 属性，代表了框架的分行或分列的情况，在引号内书写该属性的值的时候，不需要指明分成几栏，只需要指明每一栏占据的宽度或高度（单位为像素）并使用逗号隔开。浏览器在解析的时候会计算到底分成了几栏。另外，不指定宽度而使其占据剩余位置时，可以使用通配符 “ * ”。
第二个，border 属性，代表了分隔框的宽度，这是属性的数值单位是像素。所以如果你不想加入边框，则可以将它设置为零。
第三个，noresize 属性，表示我们的框架的大小是否可调，frameset标签默认为大小可调，当用户鼠标移动到边框上时，他可以拖拽改变大小。所以如果不想让用户随意改变框架大小，那么可以选择使用这个属性 （当然，也可以选择把边框的宽度设为零，让他找不到）。这个属性的值同属性名称一样。

最后还需要说明的是：框架集标签是可以进行嵌套的，也就是说，在已经分出来的框架中，我们可以借着分栏。

在框架内镶嵌网页

刚刚我们使用 frameset 标签将网页变成框架并划分成了若干区域，每一个区域都是一个单独的可显示页面的子网页（笔者起的名）。现在，我们需要在这些区域内为它镶嵌上一个网页，这需要用到frame这个单标签在框架下添加网页，它的写法如下：

<frame src="...." name="...." />

这里可以看到 frame 标签的两个属性; src 和 name 。它们分别代表着添置连接（这是一个超链接，网页，HTML文件，图片等都是可以的。有关超链接的信息，可参照上一篇学习总结~~或者问问度娘~~ ），以及框架名称。

框架的命名，很主要的一个原因在于可以重复利用一个框架，即在其他标签使用时，可以在某个框架上显示相应内容。还记得上一篇中，我们提到的链接标签 target 属性中的 “某框架名称” 这个值吗？在为框架命名后，就可以使用上述的 target 用法，将打开的网页放在某个框架中了。

综上，举个例子：

先来创造一个带有嵌套的框架

<!--frame-->
<html>
	<head></head>
	<frameset rows="200,*" border="5" noresize="noresize">
		<frame src="title.html" name="title" />
		<frameset cols="200,*">
			<frame src="selection_bar.html" />
			<frame name="output_page" />
		</frameset>
	</frameset>
</html>