0929 作业

1.链接元素

a 标签
<a href="http://www.itbaishi.com" target="_black">IT百事网</a>
如:点击此处跳转

a 标签,点击文本跳转到指定网址,属性

img 标签
<img src="https://img.php.cn/upload/course/000/117/584/5a9cab0d2885c386.jpg />

如下:

锚链接
<a href="#bottom" alt="点击到底部"> 直达底部 </a>
<div id="bottom" style"margin-top:1000px> 我是底部 </div>

2.表格中的行与列的合并示例


<body>
    <table
      border="1"
      cellspacing="0"
      align="center"
      width="600"
      cellpadding="5"
    >
      <caption style="line-height: 5rem; font-size: 2rem">
        商品采购清单
      </caption>
           <!-- 自定义列样式 -->
      <col style="background-color: aqua" />
      <col style="background-color: aqua" />
      <col style="background-color: lightcoral" />
      <col style="background-color: lightcoral" />
      <col style="background-color: lightslategray" />
      <col style="background-color: lightslategray" />
      <thead>
        <tr align="center">
          <th colspan="2" rowspan="2"></th>
          <th colspan="2">好乐买</th>
          <th colspan="2">银泰网</th>
          <th colspan="2">西街网</th>
        </tr>
        <tr align="center">
          <!-- <td colspan="2"></td> -->
          <td>nike男鞋</td>
          <td>puma男外套</td>
          <td>李宁跑步</td>
          <td>李宁长裤</td>
          <td>kappa跑鞋</td>
          <td>nike夹克</td>
        </tr>
      </thead>
      <tbody>
        <tr align="center">
          <td rowspan="6">价格对比</td>
          <td>好乐买</td>
          <td>329</td>
          <td>319</td>
          <td>无</td>
          <td>无</td>
          <td>393</td>
          <td>无货</td>
        </tr>
        <tr align="center">
          <td>银泰网</td>
          <td>499</td>
          <td>无货</td>
          <td>179</td>
          <td>119</td>
          <td>无货</td>
          <td>无货</td>
        </tr>
        <tr align="center">
          <td>西街网</td>
          <td>344</td>
          <td>无货</td>
          <td>181</td>
          <td>无货</td>
          <td>371</td>
          <td>296</td>
        </tr>
        <tr align="center">
          <td>淘宝</td>
          <td>339</td>
          <td>309</td>
          <td>139</td>
          <td>109</td>
          <td>296</td>
          <td>244</td>
        </tr>
        <tr align="center">
          <td>乐淘</td>
          <td>320</td>
          <td>--</td>
          <td>198</td>
          <td>--</td>
          <td>398</td>
          <td>--</td>
        </tr>
        <tr align="center">
          <td>凡客诚品</td>
          <td>--</td>
          <td>--</td>
          <td>--</td>
          <td>--</td>
          <td>--</td>
          <td>--</td>
        </tr>
      </tbody>
    </table>
  </body>