<html>
<head>
<title>内嵌标签学习</title>
<meta charset="utf-8"/>
</head>
<body>
<!--
描述:内嵌标签:
iframe
scr:要显示的网页资源路径;
注意:默认当前页面打开以及加载src指向的资源
width:设置显示区域的宽度
height:设置显示区域的高度
-->
<a href="https://www.baidu.com" target="_if">百度一下</a>
<iframe src="",width="100%",height="1000px" name="_if"></iframe>
</body>
</html>
使用iframe来写一个内嵌块.
<html>
<head>
<title>内嵌框架学习</title>
<meta charset="utf-8" />
</head>
<!--
描述:注意:第一步一定要删除body标签
框架标签学习:
frameset
rows:按照行进行切分页面
cols:按照列进行切分页面
子标签:
frame:进行切分区域的占位,一个frame可以单独加载网页资源
src:资源路径
name:区域名,结合超链接使用
-->
<frameset rows="10%,*,10%">
<frame src="" />
<frameset cols="10%,*">
<frame src="" />
<frame src="" name=""/>
</frameset>
</frameset>
</html>
注意删除body,主要作用是将网页分割,使得网页更加美观.
<html>
<head>
<meta charset="UTF-8">
<title>form标签学习</title>
</head>
<body>
<!--
<!--
描述:
form表单标签学习:
作用:收集并提交用户数据给指定服务器
注意:form标签会收集其标签内部的数据
属性:
action:收集的数据提交地址也就是URL
method:收集的数据的提交方式
get:适合小量数据,表单数据以?隔开拼接在URL后面,不同键值对使用&隔开,不安全
post:适合大量数据,安全,隐私提交
注意1:
表单数据的提交,要提交的表单必须拥有name属性值,否则不会提交
提交的表单单项数据为键值对,键为name属性的值,值为用户书写的数据
注意2:form标签会收集其标签内部的数据
注意3:form表单的数据提交需要依赖于submit的提交按钮
form表单域标签学习:
作用:给用户提供可以进行书写或者选择的标签
使用:
文本框:
input
type:
text 收集少量的文本数据,用户可见
password 收集用户密码数据
name:数据提交的键,也会被js使用
value:默认值
单选框:
input:
type:
radio
name:name属性相同的单选框只能选择一项数据
value:要提交的数据
checked:checked 使用此属性的单选默认是选择状态
多选框:
input:
type:
checkbox
name:多选的name值保持相同
value:要提交的数据
checked:checked 使用此属性的默认是多选择状态
单选下拉框:
select:
name:数据提交的键名,必须声明
子标签option:一个option标签必须表示一个下拉选项
value:要提交的数据
文本域:
textarea:声明一个可以书写大量文字的文本区域
name;数据提交的键名,js和css也会使用
rows:声明文本域的行数
cols:声明文本域的列数
普通按钮:
input:
type:
button
value:
隐藏标签:
input
type:
hidden
name
value
注意:表单数据提交的是表单域标签的value值
form表单标签的使用:
在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式
提交给action属性所指明的提交地址
-->
<form action="#" method="get">
用户名:<input type="text" name="uname" value="王五" /><br />
密码:<input type="password" name="upwd" /><br />
性别:男<input type="radio" name="sex" value="1" />
<input type="submit" value="登录" />
</form>
</body>
</html>
主要就是用户页面的登录,使用网站将信息传递给服务器。