HTML 2

  1. 表格标签:
  • table:定义表格
  • width:宽度
  • border:边框
  • cellpadding:定义内容和单元格的距离
  • cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
  • bgcolor:背景色
  • align:对齐方式
  • tr:定义行
  • bgcolor:背景色
  • align:对齐方式
  • td:定义单元格
  • colspan:合并列
  • rowspan:合并行
  • th:定义表头单元格
  • :表格标题
  • :表示表格的头部分
  • :表示表格的体部分
  • :表示表格的脚部分
块标签 起包裹作用 编号 th会表头居中加粗 姓名 成绩
    <tr>
        <td>1</td>
        <td>小龙女</td>
        <td>100</td>
    </tr>

    <tr>
        <td>2</td>
        <td>杨过</td>
        <td>50</td>
    </tr>

</table>
<hr>
<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">

    <thead>
        <caption>学生信息表</caption>

        <tr>
            <!-- <td>编号</td>
             <td>姓名</td>
             <td>成绩</td>-->
            <th>编号</th>
            <th>姓名</th>
            <th>成绩</th>
        </tr>
    </thead>

    <tbody>
        <tr bgcolor="#7fffd4" align="center">
            <td>1</td>
            <td>小龙女</td>
            <td>100</td>
        </tr>

        <tr>
            <td>2</td>
            <td>杨过</td>
            <td>50</td>
        </tr>

    </tbody>

    <tfoot>
        <tr>
            <td>3</td>
            <td>尹志平</td>
            <td>10</td>
        </tr>

    </tfoot>

</table>
<hr>
<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
    <tr>
        <th rowspan="2">编号</th>
        <th>姓名</th>
        <th>成绩</th>
    </tr>

    <tr>
        <td>小龙女</td>
        <td>100</td>
    </tr>

    <tr>
        <td>2</td>
        <td colspan="2">杨过</td>
    </tr>

</table>
<hr>
posted @ 2020-07-08 23:10  神树一世  阅读(108)  评论(0编辑  收藏  举报