发表日期： 2022-05-28 15:02:39 浏览次数：60
广东省潮州国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名
行政区划 | 面积（km²） | 政府驻地 | 邮政编码 | 街道 | 镇 | 居委会 | 村委会 |
|---|---|---|---|---|---|---|---|
潮州市 | 3145.93 | 湘桥区 | 521000 | 9 | 41 | 120 | 893 |
湘桥区 | 152.50 | 凤新街道 | 521000 | 9 | 4 | 46 | 51 |
潮安区 | 1261.34 | 庵埠镇 | 515600 | - | 16 | 35 | 487 |
饶平县 | 1732.07 | 黄冈镇 | 515700 | - | 21 | 39 | 355 |
注：潮安区数字包含枫溪区所辖枫溪镇，面积24.47平方千米。 | |||||||
在 HTML 中，我们使用 <table> 标签来定义表格。HTML 中的表格和 Excel 中的表格是类似的，都包括行、列、单元格、表头等元素。但是 HTML 表格在功能方面远没有 Excel 表格强大，HTML 表格不支持排序、求和、方差等数学计算，它一般用来展示数据。
在学习表格之前，我们不妨先来看一段简单的 HTML 代码：
<table border="1"> <tr> <th>名称</th> <th>官网</th> <th>性质</th> </tr> <tr> <td>C语言中文网</td> <td>http://c.biancheng.net/</td> <td>教育</td> </tr> <tr> <td>百度</td> <td>http://www.baidu.com/</td> <td>搜索</td> </tr> <tr> <td>当当</td> <td>http://www.dangdang.com/</td> <td>图书</td> </tr></table>
运行效果如下图：
这是一个 4 行 3 列的表格。第一行为表头，其余三行为内容。
在上述代码中，我们使用了<table>、<tr>、<td> 及 <th> 四个标签：
<table> 表示表格，表格的所有内容需要写在 <table> 和 </table> 之间。
<tr> 是 table row 的简称，表示表格的行。表格中有多少个 <tr> 标签就表示有多少行数据。
<td> 是 table datacell 的简称，表示表格的单元格，这才是真正存放表格数据的标签。单元格的数据可以是文本、图片、列表、段落、表单、水平线、表格等多种形式。
<th> 是 table heading 的简称，表示表格的表头。<th> 其实是 <td> 单元格的一种变体，本质上还是一种单元格。<th> 一般位于第一行，充当每一列的标题。大多数的浏览器会把表头显示为粗体居中的文本。
默认情况下，表格是没有边框的。但是我们可以使用 <table> 标签中的 border 属性来设置表格的边框宽度，单位是像素（px）。本例中我们将表格的边框宽度设置为 1px。注意，px 是默认的单位，不用显式指明。
细心的读者可能已经发现了，网页中常见的表格样式大多为单层边框，上例中展示的表格为双层边框。为了避免这种情况，我们可以利用 CSS 中的 border-collapse 属性来设置表格的边框。border-collapse 是“边框塌陷”的意思，当属性值为 collapse 时，可以使表格的双边框变为单边框。
示例代码如下：
<table border="1" style="border-collapse: collapse;"> <tr> <th>名称</th> <th>官网</th> <th>性质</th> </tr> <tr> <td>C语言中文网</td> <td>http://c.biancheng.net/</td> <td>教育</td> </tr> <tr> <td>百度</td> <td>http://www.baidu.com/</td> <td>搜索</td> </tr> <tr> <td>当当</td> <td>http://www.dangdang.com/</td> <td>图书</td> </tr></table>
