李伟忠2020-9-28作业:链接列表和表格

作业: 链接、列表和表格

1. 链接元素的功能,至少写出三种,必须包括锚点,并分析锚点的功能与用途
2. 表格中的行与列的合并涉及哪些属性, 并完成一个小案例,例如商品表, 购物车等…

链接元素(a标签)	功能	语法
1	下载文件	<a href=”demo.html” download=”>下载</a>
2	打电话	<a href="tel:13256822707" >打电话</a>
3	发邮件	<a href="mailto:116677661@qq.com" >发邮件</a>
4	锚点作用是当前页面跳转	<a href="#anchor" >跳转至锚点anchor处</a>
		<h1 id="anchor" >设置锚点</h1>
5	页面跳转	<a href="http://www.baidu.com/" target="_blank>"百度</a>

列表	功能	标签	说明
1	无序列表	ul,li
2	有序列表	ol,li	start属性:开始序号
3	自定义列表	dl,dt-dd组	类似名词解释

表格合并	功能	属性	说明
1	行合并	rowspan	要写在单元格中
2	列合并	colspan	要写在单元格中

实现的效果如下图

源码如下:

<table
      border="1"
      width="600"
      height="200"
      align="center"
      cellspacing="0"
      cellpadding="5"
    >
      <caption>
        我的课程表
      </caption>
      <thead bgcolor="#ee2">
        <th colspan="2">x</th>
        <!-- <th>x</th> -->
        <th>周1</th>
        <th>周2</th>
        <th>周3</th>
        <th>周4</th>
        <th>周5</th>
      </thead>
      <tbody align="center">
        <tr>
          <td rowspan="4">上午</td>
          <td>1</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>2</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>3</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>4</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <td colspan="7">午休</td>
        </tr>
        <tr>
          <td rowspan="4">下午</td>
          <td>5</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>6</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>7</td>
          <td>数学</td>
          <td>语文</td>
          <td>语文</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <!-- <td>上午</td> -->
          <td>8</td>
          <td colspan="5">自习</td>
          <!-- <td></td> -->
          <!-- <td>语文</td>
          <td>数学</td> -->
        </tr>
      </tbody>
    </table>