HTML语言和css开发商业站点第二章

淘宝店铺街页面解析

原创于 2016-10-11 18:22:18 发布 · 572 阅读

0 ·

CC 4.0 BY-SA版权

本文解析了一个简单的淘宝店铺街页面结构，包括使用HTML表格布局的导航栏、店铺分类及搜索功能等元素。通过分析可以了解到早期网页设计中常见的布局方式和技术。

<html> 
<head>
<title>表格</title>
</head>
<body>
<table border="6">
<tr>
<td> <img src="logo.gif" /></td>
<td colspon="3"> <img src="search.gif" /> </td>
</tr>
</table>
 <p><img src="navbar.gif" /></p>
淘宝首页>店铺街>所有店铺(4232) 
<table border="6">
<tr>
<td><img src=" category.gif"/></td>
<td rowspan="2" valign="top">  <table border="1"> <tr> 
<td  valign="top"> <img src="list_header.gif"/> </td>
</tr>
<tr> 
<td  valign="top"><img src="shop_ico_07.gif "/>  `      </td>
</tr>
</table>

  </td>

 </td>
</tr>
<tr>
<td><img src="shop_search.gif" /></td>

</tr>
</table>

</body>
</html>