*{
padding: 0px
}
</style>
</head> <body>
<div id="main">
<div id="header">
<h1 id="logo"><a href="#" title="[Go to hoomepage]">相册名称</a></h1>
</div>
<div id="nav" class="box">
<h3 class="noscreen">Navigation</h3>
<ul>
<li id="nav-active"><a href="#">相册</a></li>
<li><a href="#">分类1</a></li>
<li><a href="#">分类2</a></li>
<li><a href="#">分类3</a></li>
</ul>
</div>
<div id="cols-top"></div>
<div id="cols" class="box">
<div id="content">
<!-- 预览相片框架 -->
<div id="topstory-img"><img height="100px" src="../Pictures/Saved Pictures/OIP-C.jpg" alt=" " /></div>
<div id="topstory-desc">
<div id="topstory-title">
<h2><a href="#">相片名称</a></h2>
<p class="info">元信息</p>
</div>
<div id="topstory-desc-in">
<p>相片详细说明</p>
</div>
</div>
</div>
<!-- 详细相片的框架 -->
<div class="content-padding">
<h3 class="hx-style01 nomt">随机相片</h3>
<ul id="photos" class="box">
<li><a href="#"><img src="../Pictures/Saved Pictures/OIP-C1.jpg" alt="相册" /></a></li>
<li><a href="#"><img src="../Pictures/Saved Pictures/OIP-C2.jpg" alt="相册" /></a></li>
<li><a href="#"><img src="../Pictures/Saved Pictures/OIP-C3.jpg" alt="相册" /></a></li>
<li><a href="#"><img src="../Pictures/Saved Pictures/OIP-C4.jpg" alt="相册" /></a></li>
<li><a href="#"><img src="../Pictures/Saved Pictures/OIP-C5.jpg" alt="相册" /></a></li>
</ul>
<div class="separator"></div>
<!-- 相册列表装饰 -->
<!-- 侧栏分类相片框架 -->
<div id="aside">
<h3 class="title">侧栏列表</h3>
</div>
</div>