如用一个页面来显示3个页面，共需要四个。用4.html来显示其他三个
4.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><frameset rows="30%, 70%"> <!--上下比例3:7--><frame src="1.html" /> <!--占了30%--><frameset cols="30%, 70%"> <!--左右比例3:7--><frame src="2.html" /> <!--占30%--><frame src="3.html" name="_mine"/> <!--占70%，name为_mine,方便点击2.html中的超链接转到3.html中显示--></frameset></frameset></html>
1.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1>首页</h1></body></html>
2.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><h1>首页</h1></body></html>
3.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表格标签</title></head><body><!--cellpadding是文字距离内边框的距离，cellspacing是内边框和外边框的距离--><table border="1" cellspacing="0" width="200"><tr> <!--tr表示行--><th>姓名</th> <!--表头，自带居中和加粗--><th>年龄</th></tr><tr><td>小红</td> <!--td表示列--><td>13</td></tr><tr><td>小强</td><td>15</td></tr></table></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表单</title></head><body><!--form标识表单范围--><form action="#"> <!--action决定提交的位置，还没学服务器，先提交给自己，没什么意义--><!--input type:决定输入类型 name:提交的键 size:文本输入框的长度 maxlenght:显示文本框输入长度（能输入的字符个数） readonly:只读，不能修改，不影响提交 disable:禁用，被禁用的表单项不会提交。所有的input属性都能用 form action：提交的地址 method：提交的方法 get: 1、将键值对拼接在url地址 2、安全性不太好 3、提交的长度有限 post: 1、参数不在url地址 2、安全性比较好 3、理论上提交长度没有 -->用户名：<input type="text" name="username" value="admin" disabled="disabled"/><br /> <!--name提交的键-->密码：<input type="password" name="password"/><br /> <!--name提交的键-->性别：男<input type="radio" name="sex" value="male" />女<input type="radio" name="sex" value="female"><br /> <!--name提交的键-->爱好：抽烟<input type="checkbox" name="habit" value="smoke"> 喝酒<input type="checkbox" name="habit" value="drink"> 吃零食<input type="checkbox" name="habit" value="eat"><br />学历：<select name="edu" ><option value="zk">专科</option><option value="bk">本科</option><option value="yjs">研究生</option><option value="bss">博士生</option></select><br />个人说明：<textarea rows="10" cols="30" name="desc">这家伙很懒，什么都没留下</textarea><br />近照：<input type="file" name="file"><br /><!--隐藏了但是能提交--><input type="hidden" name="haha" value="heihei"><input type="submit" /><input type="reset" /></form></body></html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <!--指定字符集--><meta http-equiv="Refresh" content="3;url="> <!--3秒刷新并定向到百度-->
2017.3.7
by @sunhaiyu
下载本文