3.8.淘宝商铺（表格）
作者: Tn299 | 来源:发表于2019-03-08 18:31 被阅读0次
代码

<body>
<!--上-->
<table cellpadding="0" cellspacing="0" width="950" align="center">
 <tr>
  <td align="left"><img src="图片素材/logo.gif" width="140" height="35"</td>
  <td align="right"><img src="图片素材/search.gif" width="600" height="57"></td>
 </tr>
 <tr>
  <td colspan="2"><img src="图片素材/navbar.gif" width="950" height="34"</td>
 </tr>
</table>
<!--中上，将中间分成两行两列-->
<table cellpadding="0" cellspacing="0" width="950" align="center">
 <tr>
  <td colspan="2">淘宝首页> 店铺街> 所有店铺(4626173) </td>
 </tr>
 <tr>
  <td valign="top">
    <table width="200" cellpadding="0" cellspacing="0">
      <tr>
       <td bgcolor="#E5F1FF"><strong>淘店</strong> </td>
      </tr>
      <tr>
       <td>
         <img src="图片素材/shop_search.gif" height="432" width="181">
       </td>
      </tr>
      <tr>
       <td bgcolor="#E5F1FF"><strong>店铺类目</strong></td>
      </tr>
      <tr>
       <td>
        <img src="图片素材/category.gif" width="179" height="263">
       </td>
      </tr>
    </table>
  </td>
  <td>
    <table width="750" cellpadding="1" cellspacing="10">
     <p><img src="图片素材/list_header.gif"></p>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_01.gif"></td>
       <td align="left"><a href="#">韩都衣舍旗舰店</a></td>
     </tr>
     <tr>
       <td>主营宝贝：韩都衣舍 2011 现货</td>
       <td rowspan="3">8122</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">山东济南</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_02.gif"></td>
       <td align="left"><a href="#"> osa品牌服饰旗舰店 </a></td>
     </tr>
     <tr>
       <td>主营宝贝：t恤 连衣裙 女装</td>
       <td rowspan="3">696</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">广东深圳</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_03.gif"></td>
       <td align="left"><a href="#">andostore安都专卖店</a></td>
     </tr>
     <tr>
       <td>主营宝贝：andostore t恤 连衣裙</td>
       <td rowspan="3">321</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">湖北武汉</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_04.gif"></td>
       <td align="left"><a href="#">麦包包箱包官方旗舰店 </a></td>
     </tr>
     <tr>
       <td>主营宝贝：包袋 男包 金鱼 alfa</td>
       <td rowspan="3">771</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">浙江嘉兴</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_05.gif"></td>
       <td align="left"><a href="#">车品弘智专营店</a></td>
     </tr>
     <tr>
       <td>主营宝贝：霍尼韦尔 保斯道</td>
       <td rowspan="3">1847</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">上海</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_06.gif"></td>
       <td align="left"><a href="#">优衣库官方旗舰店</a></td>
     </tr>
     <tr>
       <td>主营宝贝：优衣库 女装 t恤</td>
       <td rowspan="3">1102</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">上海</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_07.gif"></td>
       <td align="left"><a href="#"> 真维斯官方旗舰店 </a></td>
     </tr>
     <tr>
       <td>主营宝贝：jeanswest 真维斯</td>
       <td rowspan="3">1053</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">广东惠州</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
     <tr>
       <td rowspan="3" align="center" valign="middle"><img src="图片素材/shop_ico_08.gif"></td>
       <td align="left"><a href="#">达芙妮官方旗舰店</a></td>
     </tr>
     <tr>
       <td>主营宝贝：daphne 达芙妮 女鞋</td>
       <td rowspan="3">110</td>
       <td><img src="图片素材/online.gif"></td>
       <td rowspan="3">上海</td>
       <td rowspan="3">旗舰店</td>
     </tr>
     <tr>
       <td><img src="图片素材/baozhang.gif"></td>
       <td align="center"><img src="图片素材/icon_shangcheng.gif"></td>
     </tr>
    </table>
  </td>
 </tr>
</table>

<!--底端-->
<table width="950" cellpadding="0" cellspacing="0" align="center">
 <tr>
  <td><img src="图片素材/footer.gif"></td>
 </tr>
</table>
</body>
效果图

image.png
网友评论

本文标题：3.8.淘宝商铺（表格）
本文链接：https://www.haomeiwen.com/subject/sjrdpqtx.html
延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！
3.8.淘宝商铺（表格）

代码

效果图

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读
