当前位置： 移动技术网 > IT编程>网页制作>HTML > HTML（四）-小知识点

HTML（四）-小知识点

2020年07月17日  | 移动技术网IT编程  | 我要评论 
		<form action="" method="post">
			<!--基本信息-->
			<fieldset>
				<legend>基本信息</legend>
				<input type="text"/> <br />
				<input type="text"/> <br />
				<input type="text"/> <br />
			</fieldset>
			<!--问卷调查--> 
			<fieldset>
				<legend>问卷调查</legend>
				<input type="radio" /><input type="radio" /><input type="radio" /><br />
				<input type="radio" /><input type="radio" /><input type="radio" /><br />
				<input type="radio" /><input type="radio" /><input type="radio" /><br />
				<input type="radio" /><input type="radio" /><input type="radio" /><br />
			</fieldset>
			<input type="submit" value="提交"/>
		</form>

frame标签：框架标签，单标签，用于在frameset 中定义一个框架窗口 

  1. src标签属性：当前frame框架中显示的文档的地址 
  2. name标签属性：定义当前frame框架的名称，用于在 JavaScript 中引用元素或作为链接的目标 
  3. noresize标签属性：取消用户调整框架的大小
  4. scrolling标签属性：设定是否在框架中显示滚动条            
  5. frameborder标签属性：是否显示框架周围边框，1显示边框（默认值），0不显示边框

 注意：不建议使用frameborder标签属性，设定frame边界使用border样式属性

示例 frame框架与div区别： div也可以实现页面划分的功能，但是无法指定诸如a标签链接打开位置。 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
        	<frameset rows="20%,*">
				<frame src="top.html" />
				<frameset cols="20%,*">
					<frame src="left.html" />
					<frame src="rjght.html"  name="right" />
				</frameset>
			</frameset>
</html>

iframe标签：在页面中嵌入另外一个页面, 该标签为双标签，它有多个标签属性

  1. src标签属性：指定iframe 中显示的页面URL
  2. width标签属性：指定iframe 的宽度，可以是像素或%
  3. height标签属性：指定iframe 的高度，可以是像素或%
  4. scrolling标签属性：设定是否在 iframe 中显示滚动条，其值可以是yes、no或auto
  • a标签与iframe标签区别

a标签不显示href指定的页面，它只是一个超链接；而iframe会在页面中显示src指定的网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			
		</title>
	</head>
	<body>
		<a href="http://baidu.com">百度</a>
		<iframe src="http://baidu.com"></iframe>
		<iframe frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&id=2"></iframe>
		<iframe frameborder="0" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&id=1"></iframe>
		<iframe width="100%" height="400" scrolling="no" hspace="0" src="https://i.tianqi.com/?c=code&id=13"></iframe>
		
		<div style="border: #FF0000 1px solid; display: inline;">白日依山尽，黄河入海流</div>
		<div style="border: #FF0000 1px solid; display: inline;">白日依山尽，黄河入海流</div>
		
		<i style="border: #FF0000 1px solid;display: block;">郑州大学</i>
	</body>
</html>

小结

a标签中target标签属性用于设定在哪儿打开链接文档，其值如下

  1. _blank：在新窗口中打开被链接文档
  2. _self：在当前窗口、frame或iframe中打开被链接文档，默认值
  3. target_name:在指定的窗口中打开被链接文档
  4. 在指定框架中打开窗口
  5. 在非框架中打开窗口
  6. _top：清除所有被包含的框架并将文档载入整个浏览器窗口
  7. _parent：在父窗口中打开被链接

本文地址：https://blog.csdn.net/ArcsinTao/article/details/107390607

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网