HTML 表格

来源：互联网发布：imf数据库历届人均gdp 编辑：程序博客网时间：2024/06/06 08:23

1、HTML 表格

表格由table标签来定义。每个表格均有若干行（由tr 标签定义），每行被分割为若干单元格（由标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

2、HTML 表格表头

表格的表头使用 th标签进行定义。大多数浏览器会把表头显示为粗体居中的文本

3、HTML 表格边框属性
使用边框属性来显示一个带有边框的表格：
table border=”1”

4、HTML 表格标签

table 定义表格
th 定义表格的表头
tr 定义表格的行
td 定义表格单元
caption 定义表格标题
colgroup 定义表格列的组
col 定义用于表格列的属性
thead 定义表格的页眉
tbody 定义表格的主体
tfoot 定义表格的页脚

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title></head><body>    <table border="1px" cellpadding="5px" cellspacing="5px">        <caption >学生信息表</caption>        <tr>            <th>姓名</th>            <th >年龄</th>            <th >班级</th>            <th >性别</th>        </tr>        <tr>            <!-- 跨列合并列rowspan -->            <td rowspan="2">aa</td>            <td>11</td>            <td>1502</td>            <td>女</td>        </tr>        <tr>           <!-- <td>bb</td>-->            <td>11</td>            <td>1502</td>            <td>女</td>        </tr>           <tr>             <!--单元格跨两格 colspan-->            <td colspan="2">cc</td>        <!--    <td>11</td>-->            <td>1502</td>            <td>女</td>        </tr>    </table></body></html>

这里写图片描述

阅读全文

0 0