网页制作时如何在同一个页面点击导航后其内容显示在相同的页面?

 我来答
arvy_momo
2018-02-02 · TA获得超过2350个赞
知道大有可为答主
回答量:1552
采纳率:50%
帮助的人:996万
展开全部
<html>
<head>
<title>范例</title>
<body>
<table>
<tr>
<td><a href="content.htm" target="target_area">左边的导航栏,做成列表的话最好;相应的内容会在右边显示</a></td>
<td><iframe id=target_area src="content.htm"></iframe></td>
</tr>
</table>
</body></html>
-----------------------------------------------------------------------
上面的代码就是你想要的效果的最简单的写法,这样有助于你理解原理:
导航栏中所有的链接,都有一个共同的内容:target="target_area",意为在目标区显示内容,而目标区就是右边的那部分。至于做成什么样子,可以随便。
右边的内容区最主要的就是一个浮动框架,里面的内容根据左边的点击显示不同页面(是网页HTML文件)。至于浮动框架(Iframe)的尺寸,就根据你的要求(受限于外层的单元格)了。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式