巩固HTML中表格table 硬核全知识点

在html中用table标签来构造表格

我们先给出table的标准骨架

<table align="center" border="1">
    <tr>
        <th>姓名<\th> <th>年龄<\th>
    <tr>
    <tr>
        <td>姜子牙<\td> <td>100<\td>
    <tr>   
<table>

tr:table row表示在表格中的一行 双标签在里面写单元格标签

以下th和td统一级别 除加粗特质外 使得table结构清晰

th:table header cell表示表头单元格 16px的加粗文字 并且居中

td:tabel data cell 表示表格中正常的单元格 16px单元格

注意观察表格中 并不是实线 存在很多不重合的地方 让我们美化一下

给table标签后面补充

<table  cellspacing="0" cellpadding="0" >

然后设置css样式 加上border-collapse 

cellpadding:代表单元格与单元格之间的距离

cellspacing:代表单元格与整个表格的距离 类似于内边距

border-collapse：当线与线接近重合 并不会重合 依然有缝隙 collapse（倒塌之意）