HTML（四）-小知识点
程序员文章站
2022-06-22 16:42:54
<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 中定义一个框架窗口
- src标签属性：当前frame框架中显示的文档的地址
- name标签属性：定义当前frame框架的名称，用于在 JavaScript 中引用元素或作为链接的目标
- noresize标签属性：取消用户调整框架的大小
- scrolling标签属性：设定是否在框架中显示滚动条
- 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标签：在页面中嵌入另外一个页面, 该标签为双标签，它有多个标签属性
- src标签属性：指定iframe 中显示的页面URL
- width标签属性：指定iframe 的宽度，可以是像素或%
- height标签属性：指定iframe 的高度，可以是像素或%
- 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标签属性用于设定在哪儿打开链接文档，其值如下
- _blank：在新窗口中打开被链接文档
- _self：在当前窗口、frame或iframe中打开被链接文档，默认值
- target_name:在指定的窗口中打开被链接文档
- 在指定框架中打开窗口
- 在非框架中打开窗口
- _top：清除所有被包含的框架并将文档载入整个浏览器窗口
- _parent：在父窗口中打开被链接
本文地址：https://blog.csdn.net/ArcsinTao/article/details/107390607
下一篇： 英特尔IDF首日观察：物联网抢夺PC风头