html制作购物页面(一)
-主页面index.html
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<!-- 页面结构划分 -->
<div id="container">
<!-- 1.导航 -->
<div id="nav">
<!-- 1.1右侧导航 -->
<ul class="rightNav">
<li>
<a href="#">[登录]</a>
,
<a href="#">[注册,有惊喜]</a>
</li>
<li>
<b></b>
<a href="#">果园公告</a>
</li>
<li>
<b></b>
<a href="#">券卡兑换</a>
</li>
<li>
<b></b>
<a href="#">手机果园</a>
</li>
</ul>
<!-- 1.2左侧导航 -->
<ol class="leftNav">
<li class="address">
<span>上海</span> <!-- 用于修改显示地区信息 -->
<!-- 左侧导航的三角标 -->
<u></u>
<!-- 地区下拉列表 -->
<ul class="select">
<li>北京</li>
<li>广州</li>
<li>深圳</li>
</ul>
</li>
<li>满百包邮</li>
<li>星夜达</li>
</ol>