页面一,首页:
<!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>
介绍使用简单的HTML/CSS来编写导航页面，并设置为浏览器主页。将自己需要用到的常用连接做成导航页面，美观方便。相比浏览器自带的导航页定制，自制导航页面有更多的自由度。方法/步骤：
第一步，我们在一个位置固定的文件夹下（不常移动）新建文本文件，修改后缀为.html，然后右键->打开方式，找一个文本编辑器打开。在文本编辑器中，编写基本的这些标签。接下来在Body中，添加一些标签。格式为：显示名称添加好保存，然后用浏览器打开此html文件，可以看到简单的导航页以形成。4、接下来，在head或者其它方便位置添加CSS层叠样式表。5、接下来继续添加一个类名为group的样式。6、然后，在CSS样式中继续添加margin外边距，padding内边距，border-width边框宽，border-radius边框圆角半径等。7、最后，打开浏览器设置页面，设置启动主页为文件位置
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）