您的位置：首页 > Web前端 > HTML

html中框架的使用

2015-10-28 23:52 453 查看
<body>

<p>在框架页面中要清除其它信息，只写frameset标签及子标签就行了</p>

<p>在各个frame中设置scrolling="no"用于设置不显示滚动条</p>

<p>框架页面主要用来做一些企业需要民导航的页面，一般上面和左侧为静态页面，中间为动态改变的页面</p>

<p>框架页面的基本语法是：</p>

<p>frameset作为主标签，cols属性指定列的分栏，通过用%指定，*为最后剩下的都分到那一项</p>

<p>rows属性指定行的分栏，一般也通过%指定，*号用法和cols一样</p>

<p>在里面根据指定的行列数分别写多个frame标签，并将src属性指定到指定的网页，当然也可以继续指定frameset框架集，里面再指定各个frame用于显示网页网页</p>

<p>注意，在frame中可以指定name属性,如中间的框架项指定name，则左侧的选项链接则可以通过targe操作中间的指向</p>

<p>在a标签的target属性中，可以指定显示到哪个窗口，在框架中使用，还可以在普通网页中指定此属性的新窗口打开_blank,自已窗口_self,_parent父类窗口打开，及_top上一级窗口打开</p>

这里举一个例子：

框架页面：

<!--设计一个框架页面，上面为20%,其它都在下面-->

<frameset rows="20%,*" frameborder="0">

<!-- 设置最上面的页面，并设置不显示滚动条，及不能调整大小。 -->

<frame src="top.htm" name="topframe" scrolling="no" noresize/>

<!-- 在中间部分又设置一个框架用于显示左侧和右侧 -->

<frameset cols="20%,*">

<!--这里设置中间框架的左侧页面-->

<frame src="left.htm" noresize scrolling="no" name="leftframe">

<frame src="main.htm" name="main"><!--这里指定的name属性方便左侧调用a链接时target所引用-->

</frameset>

</frameset>

TOP页面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>Top页面</title>

</head>

<body>

<marquee>TOP欢迎你的到来</marquee>

</body>

</html>

LEFT左侧页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

</head>

<body>

<a href="middle1.thm" target="main">middle1</a><br>

<a href="middle2.htm" target="main">middle2</a><br>

<a href="middle3.htm" target="main">middle3</a><br>

</body>

</html>

中间默认第一个页面: 第二个和第三个类似，只是改变了数字1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>中间1</title>

</head>

<body>

<marquee>中间1欢迎你的到来</marquee>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航