一、图文列表

  • 主要运用图片、链接、列表知识点
  1.     <!-- 图文列表 -->
  2.     <ul class="nav" style="display: flex; list-style: none">
  3.         <li class="item" style="text-align: center;">
  4.             <a href="https://baidu.com"><img src="static/images/dog.jpg" alt="小狗" /></a>
  5.             <span>小狗</span>
  6.         </li>
  7.         &nbsp;
  8.         <li class="item" style="text-align: center;">
  9.             <a href=""><img src="static/images/duck.jpg" alt="小鸡" /></a>
  10.             <span>小鸡</span>
  11.         </li>
  12.         </li>
  13.         &nbsp;
  14.         <li class="item" style="text-align: center;">
  15.             <a href=""><img src="static/images/bear.jpg" alt="考拉" /></a>
  16.             <span>考拉</span>
  17.         </li>
  18.         &nbsp;
  19.     </ul>

二、商品表

  • 主要运用表格知识
  1.     <table border="1" width="800" cellspacing="0" cellpadding="5" align="center">
  2.         <caption>
  3.             <h3>商品表</h3>
  4.         </caption>
  5.         <thead>
  6.             <tr>
  7.                 <th rowspan="2">品名</th>
  8.                 <th colspan="3">入库</th>
  9.                 <!-- <th></th>
  10.                 <th></th> -->
  11.                 <th colspan="3">出库</th>
  12.                 <!-- <th></th>
  13.                 <th></th> -->
  14.                 <th rowspan="2">库存</th>
  15.             </tr>
  16.             <tr>
  17.                 <!-- <th></th> -->
  18.                 <th>入库数量</th>
  19.                 <th>入库单号</th>
  20.                 <th>签收员</th>
  21.                 <th>出库数量</th>
  22.                 <th>出库单号</th>
  23.                 <th>经手人</th>
  24.                 <!-- <th></th> -->
  25.             </tr>
  26.         </thead>
  27.         <tbody align="center">
  28.             <tr>
  29.                 <td>苹果</td>
  30.                 <td>10</td>
  31.                 <td>m12124545454</td>
  32.                 <td>张三</td>
  33.                 <td>8</td>
  34.                 <td>m5454545454</td>
  35.                 <td>李四</td>
  36.                 <td>2</td>
  37.             </tr>
  38.             <tr>
  39.                 <td>香蕉</td>
  40.                 <td>10</td>
  41.                 <td>m12124545454</td>
  42.                 <td>张三</td>
  43.                 <td>8</td>
  44.                 <td>m5454545454</td>
  45.                 <td>李四</td>
  46.                 <td>2</td>
  47.             </tr>
  48.             <tr>
  49.                 <td>葡萄</td>
  50.                 <td>10</td>
  51.                 <td>m12124545454</td>
  52.                 <td>张三</td>
  53.                 <td>8</td>
  54.                 <td>m5454545454</td>
  55.                 <td>李四</td>
  56.                 <td>2</td>
  57.             </tr>
  58.             <tr>
  59.                 <td>龙眼</td>
  60.                 <td>10</td>
  61.                 <td>m12124545454</td>
  62.                 <td>张三</td>
  63.                 <td>8</td>
  64.                 <td>m5454545454</td>
  65.                 <td>李四</td>
  66.                 <td>2</td>
  67.             </tr>
  68.             <tr>
  69.                 <td>荔枝</td>
  70.                 <td>10</td>
  71.                 <td>m12124545454</td>
  72.                 <td>张三</td>
  73.                 <td>8</td>
  74.                 <td>m5454545454</td>
  75.                 <td>李四</td>
  76.                 <td>2</td>
  77.             </tr>
  78.             <tr>
  79.                 <td>芒果</td>
  80.                 <td>10</td>
  81.                 <td>m12124545454</td>
  82.                 <td>张三</td>
  83.                 <td>8</td>
  84.                 <td>m5454545454</td>
  85.                 <td>李四</td>
  86.                 <td>2</td>
  87.             </tr>
  88.             <tfoot align="center" bgcolor="lightblue">
  89.                 <tr>
  90.                     <td>备注:</td>
  91.                     <td colspan="7">每天下午15:30-17:30清点商品</td>
  92.                 </tr>
  93.             </tfoot>
  94.         </tbody>
  95.     </table>

更多相关文章

  1. Android(安卓)支持的文件类型
  2. EXCEL连通数据库，供应链进度追踪效率倍增
  3. Flutter知识点:数据存储之SharedPreferences
  4. Android(安卓)SQLite插入优化
  5. cocos2dx android mk 2.0.2编译文件目录以及导入库问题
  6. android二维码入库软件
  7. 【python网络爬虫三】爬取动态数据及数据入库

随机推荐

  1. 【Android每周专题】触摸屏手势
  2. Android Drawable Resources系列7:
  3. Titanium中Android模块开发指南（中文）
  4. Android存储权限之深入浅出
  5. 9月26号 Android(安卓)SQLiteDatabase 的
  6. React Native开发——Image组件
  7. Android Media (Audio) Framework Analys
  8. Android编程实现屏幕自适应方向尺寸与分
  9. 20172321 2017-2018-2 《程序设计与数据
  10. Android图形系统分析与移植 -- 五、Andro