欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

HTML（四）-小知识点

程序员文章站 2022-03-13 17:21:18
基本信息


&l......
		<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>

HTML（四）-小知识点

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>

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

相关标签： HTML

上一篇： react redux无法异步请求的问题（redux中间键 redux-thunk）

下一篇： 段中精品,多么痛的领悟

推荐阅读