当前位置:首页 >> 网页制作

html页面嵌套使用示例(frameset使用方法)


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML中框架的嵌套</title>
</head>
<!--
framespacing="2":改变两个窗口之间的空隙大小
scrolling="yes":设置是否有滚动条,在对应的frame标签中设置
-->
<frameset rows="10%,*" frameborder="0" framespacing="10">
<frame src="/UploadFiles/2021-03-30/HTML中框架的嵌套top.html"> <frameset cols="20%,*">
<frame src="HTML中框架的嵌套left.html"> <frame src="HTML中框架的嵌套right1.html"> </frameset>
</frameset><noframes></noframes>
</html>


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head></p> <p><body>
<img src="/UploadFiles/2021-03-30/tingyingyue.png"></body>
</html>


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head></p> <p><body bgcolor="#FFFF99">
<a href="HTML中框架的嵌套right1.html" target="right1">青花瓷</a>
<a href="HTML中框架的嵌套right2.html" target="right1">当兵的人</a>
</body>
</html>


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head></p> <p><body bgcolor="#99FF99">
1.内容房金卡砀山龙卷风卡拉德斯基付款了撒旦积分卡束带结发asdfjlkasdjflkads
fasdjklfjklasdjfklasdjfklasdjfklasdjkl假啊抵抗力司法局阿卡丽大煞风景卡拉斯的减肥了的萨克拉积分卡拉斯的积分卡拉斯的姐夫发大水了卡积分拉克丝的
</body>
</html>


复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head></p> <p><body bgcolor="#99FF99">
2.内容风刀霜剑阿库房尽快拉萨等放假卡拉斯京东方离开家阿达撒疯狂拉萨的积分卡拉丁上进疯狂拉萨极度疯狂拉萨短发绝色赌妃卡拉胶苏打绿咖啡<br/>
fdasklfjklasdjfkdlas吉萨考虑到放假啊克里斯多夫金坷垃大煞风景
</body>
</html>