html中制作一个网页导航,怎么弄

html中制作一个网页导航,怎么弄,第1张

表格做!看你的导航是横排的还是竖排的。横排的就建一个一行多列的表格,竖排的就建一个一列多行的表格。把每一个链接放在各个单元格中。最后把这个表格保存为一个HTML文件,在需要导航的页面上include这个文件在你指定的位置就OK了。这样的好处是你只要做一次导航文件就可以在所有你想要用!的地方引用。

这个直接右击打开选择记事本打开,把里面的改成你的就行了。如果是想简单方便的,建议你下载个 味多美网址导航的源码程序做站,那个程序按来路自动排行,自动审核,修改广告和管理网址都是直接在后台修改,特别方便。

如果过只用HTML的话需要用 iframe 来做

需要三个页面非常简单的,三个页面放在一个文件夹里

页面一,首页:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

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

</head>

<body>

<div style=" float:leftwidth:100px">

<ul>

<li><a href="untitled18.html" target="frameId">导航一</a></li>

<li><a href="untitled19.html" target="frameId">导航二</a></li>

</ul>

</div>

<div style=" float:leftwidth:500px"><iframe id="frameId" name="frameId" scrolling="no" frameborder="0" width="100%" height="100%" src="untitled18.html"></iframe></div>

</body>

</html>

页面二 此页面文件名定义成untitled18.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

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

</head>

<body>

111111111

</body>

</html>

页面三此页面名定义成untitled19.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

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

</head>

<body>

222222222222

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7269152.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存