表格合并练习

关键代码段

  1.         <td colspan="3" bgcolor="green">a</td>
  2.         <td rowspan="3" bgcolor="red">a</td>

1、课程表展示

alt 课程表

完整代码段

html练习作业 https://www.php.cn/blog/detail/33626.html

2、商品表展示

alt 课程表

完整代码段

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>goods</title>
  6. </head>
  7. <body>
  8.     <table style="text-align: center; margin:0 auto;">
  9.             <th>蔬菜</th>
  10.             <th>家禽</th>
  11.             <th>牛奶</th>
  12.             <th>低温</th>
  13.             <th>常温</th>
  14.             <tr>
  15.                 <td><a href=""><img src="img/panda.jpeg" width="100px" height="100px" alt=""><p>土豆</p></a></td>
  16.                 <td><a href=""><img src="img/panda.jpeg" width="100px" height="100px" alt=""><p>土豆</p></a></td>
  17.                 <td><a href=""><img src="img/panda.jpeg" width="100px" height="100px" alt=""><p>土豆</p></a></td>
  18.                 <td><a href=""><img src="img/panda.jpeg" width="100px" height="100px" alt=""><p>土豆</p></a></td>
  19.                 <td><a href=""><img src="img/panda.jpeg" width="100px" height="100px" alt=""><p>土豆</p></a></td>
  20.             </tr>
  21.             <tr>
  22.                 <td><a href="" target="_blank" title="美味的鸡蛋"><img alt="" height="100" width="100%" src="img/panda.jpeg" ><h3>美味鸡蛋</h3></td>
  23.                 <td><a href="" target="_blank" title="美味的鸡蛋"><img alt="" height="100" width="100%" src="img/panda.jpeg" ><h3>美味鸡蛋</h3></td>
  24.                 <td><a href="" target="_blank" title="美味的鸡蛋"><img alt="" height="100" width="100%" src="img/panda.jpeg" ><h3>美味鸡蛋</h3></td>
  25.                 <td><a href="" target="_blank" title="美味的鸡蛋"><img alt="" height="100" width="100%" src="img/panda.jpeg" ><h3>美味鸡蛋</h3></td>
  26.                 <td><a href="" target="_blank" title="美味的鸡蛋"><img alt="" height="100" width="100%" src="img/panda.jpeg" ><h3>美味鸡蛋</h3></td>
  27.             </tr>
  28.             <tr>
  29.                 <td colspan="5" bgcolor="red">大家抓紧抢购</td>
  30.             </tr>
  31.     </table>
  32. </body>
  33. </html>

更多相关文章

  1. Android打鸡蛋游戏源码
  2. Android——仿美团商品详情页折叠效果
  3. Android之装饰者模式
  4. Android（安卓）订餐APP(Sqlite数据库，完整的增删改查)
  5. android 鸡蛋在哪只鞋子小综合
  6. Android打鸡蛋游戏源码
  7. 月入三万，我能少了你一个鸡蛋？
  8. python之迭代器和生成器

随机推荐

  1. dart和golang区别
  2. go语言中包导入的一些问题
  3. golang判断是否存在不存在就创建文件
  4. golang的堆栈怎么看
  5. golang中定义不定长数组的方法
  6. golang不适合开发web吗
  7. golang中的map是结构体吗
  8. golang如何捕获错误
  9. golang能做高并发的原因
  10. golang编译为什么快