内嵌与表单
内嵌标签 iframe
<iframe src="http://www.taobao.com" width="100%" height="300px"></iframe>
指定水平方向为整块区域,垂直方向300px的大小显示淘宝网界面
width设置页面高度,height设置页面高度,name给内嵌页面设置名字,src设置内嵌页面要显示内容的地址
玩双搜
1 <html> 2 <head> 3 <meta charset="utf-8" /> 4 <meta name="内嵌标签"> 5 <title></title> 6 </head> 7 <body> 8 <h3>内嵌标签</h3> 9 <hr> 10 <a href="http://www.taobao.com" target="_TB">淘宝</a> 11 <a href="http://www.JD.com" target="_JD">京东</a><br/> 12 <iframe src="" width="49%" height="300px" name="_TB"></iframe> 13 <iframe src="" width="49%" height="300px" name="_JD"></iframe> 14 </body> 15 </html>
框架标签:frameset (要删除body标签)
水平切割:rows(10%,*,10%)将网页分为三部分分别为10%,80%,10%
垂直切割:cols
表单
form表单标签:收集并提交标签内的用户交数据给指定服务器
action属性值:收集提交地址(URL)
method属性值:收集数据的提交方式
get:适合提交小量数据,表单数据以?隔开,拼接在URL后面,不同数据以&隔开数据以键值对的方式进行显示,不安全
post:适合提交大量数据,安全,隐式提交
form表单域标签:给用户提供数据书写或可以选择的标签
在点击提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址
<input type="" name=""> type为用户输入方式name为提交以后给服务器键值对的key值,value为默认值
text为普通文本框(内容用户可见) password为密码框(内容用户不可见)
submit为提交按钮 radio为单选框(配合name标签使用,name值一样时,只能选一个,当使用checked属性时,该项作为默认选择项)
CheckBox 多选框 button 普通按钮 hidden 隐藏标签
select标签:下拉菜单:字标签option的内容为下拉值,value属性为值说对应要提交的数据
textarea文本域标签:一个可以输入大量文本的文本框 rows行 cols列 name键