利用无序列表实现水平导航条
<!-- prj3_3.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网站导航</title>
<style type= "text/css">
u1{list- style一type:none; / *去掉无序列表前面的符号*/
font-size:22px; line-height:33px; }
li{ width:100px;display:inline; / *列表项在一行中显示*/ }
div{text-align:center;}
</style>
</head>
<body>
使用段落标记和超链接实现网站导航<br>
<div>
<p>
<a href="http://www.baidu.com/">百度</a>
<a href="http://www.sina.com.cn/">新浪</a>
<a href="http://www.qq.com/">网易</a>
<a href="http://www.sohu.com/">腾讯</a>
<a href="http://www.163.com/">搜狐</a>
<a href="http://www.google.com.hk/">360搜索</a>
</p>
</div>
<hr align="center" size= "3" color=”#0066ff">
利用无序列表实现水平导航条
<div>
<ul type="discl">
<li><a href="http://www.baidu.com/">百度</a></li>
<li><a href="http://www.sina.com.cn/">新浪</a></li>
<li><a href="http://www.qq.com/">网易</a></li>
<li><a href="http://www.sohu.com/">腾讯</a></li>
<li><a href="http://www.163.com/">搜狐</a></li>
<li><a href="http://www.google.com.hk/">360搜索</a></li>
</ul>
</div>
</body>
</html>