列表示例:
演示图

图片链接示例:

列表代码如下

  1. `<!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>4月份商品进货表</title>
  8. </head>
  9. <body>
  10.     <!-- width是表格大小 -->
  11.     <table border="1" width="350">
  12.         <!-- font-weight设置字体粗细  size设置字体大小 color设置颜色代码 -->
  13. <caption style="font-weight:800 ; font-size: 20px;color: rgb(242, 8, 8);">
  14.     4月份商品进货表
  15. </caption>
  16. <!-- thead是表头 -->
  17. <!-- 该style是用于设置字体属性 大小加粗减细 以及设置字体居中 -->
  18. <thead style="font-weight: 800;text-align:center;">
  19. <tr>
  20.     <td>批次号</td>
  21.     <td>商品名字</td>
  22.     <td>进货时间</td>
  23.     <td>录入员</td>
  24.     <td>进货价格</td>
  25.     <td>是否已入库</td>
  27. </tr>
  29. </thead>
  30.      <!-- tr是行 -->
  31.      <!-- td是内容 -->
  32.      <tr style="font-weight: 800;text-align:center;">
  33.          <td>1</td>
  34.          <td>火腿肠</td>
  35.          <td>11号</td>
  36.          <td>隔壁老王</td>
  37.          <td>2元</td>
  38.          <td>是</td>
  39.      </tr>
  40.      <!-- 第2列 -->
  41.      <tr style="font-weight: 800;text-align:center;">
  42.         <td>2</td>
  43.         <td>红牛</td>
  44.         <td>11号</td>
  45.         <td>隔壁老王</td>
  46.         <td>4元</td>
  47.         <td>是</td>
  48.     </tr>
  49.     <tr style="font-weight: 800;text-align:center;">
  50.         <td>3</td>
  51.         <td>泡面</td>
  52.         <td>11号</td>
  53.         <td>隔壁老王</td>
  54.         <td>4.5元</td>
  55.         <td>是</td>
  56.     </tr>
  57.     <tr style="font-weight: 800;text-align:center;">
  58.         <td>4</td>
  59.         <td>凤爪</td>
  60.         <td>11号</td>
  61.         <td>隔壁老王</td>
  62.         <td>1.5元</td>
  63.         <td>是</td>
  64.     </tr>
  65.     </table>
  66. </body>
  67. </html>`
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>图片链接列表</title>
  8. </head>
  9. <body>
  10.     <a href="https://php.cn">php中文网<img src="https://img0.baidu.com/it/u=1434542820,820460177&fm=253&fmt=auto&app=138&f=PNG?w=542&h=300" alt="php中文网"></a>
  11.     <a href="https://php.cn">php中文网<img src="https://img0.baidu.com/it/u=1434542820,820460177&fm=253&fmt=auto&app=138&f=PNG?w=542&h=300" alt="php中文网"></a>
  12.     <a href="https://php.cn">php中文网<img src="https://img0.baidu.com/it/u=1434542820,820460177&fm=253&fmt=auto&app=138&f=PNG?w=542&h=300" alt="php中文网"></a>
  13. </body>
  14. </html>

更多相关文章

  1. Android(安卓)ImageView图片自适应
  2. Android通过onDraw实现在View中绘图操作
  3. Android(安卓)录音
  4. android 驱动文件权限设置
  5. android 模拟器中启用相机API支持
  6. (4.1.10) ImageView图片自适应
  7. Android一些关于分辨率和布局的设置
  8. Android--EditText控件属性汇总
  9. ProgressBar的简单使用

随机推荐

  1. Android 判断点是否在Path中(含不规则形
  2. Android 利用方向传感器实现 指南针
  3. Android桌面小部件实例 桌面小时钟
  4. android中小知识点积累
  5. Android(安卓)网页登录 POST 请求 保存 C
  6. Android Listview 报错 'android.R.id.li
  7. Android MVVM快速开发框架（一）
  8. CM13.0代码下载
  9. android单元测试时，异常情况解决记录
  10. Android(安卓)面试整理