一、表格标签
1.1 表格的主要作用
表格不是用来布局页面的,而是用来展示数据的.
1.2 表格的基本语法
<table>
<tr>
<td>单元格内的文字</td>
···
</tr>
···
</table>
<table> </table>
是用于定义表格的标签。<tr> </tr>
标签用于定义表格中的行,必须嵌套在<table> </table>
标签中。 tr 是英文 Table Row 的简写。<td> </td>
用于定义表格中的单元格,必须嵌套在<tr></tr>
标签中。 td 是英文Table Data Cell(表格数据单元)的简写。
1.3 表头单元格标签
<table>
<tr>
<th>姓名</th>
···
</tr>
···
</table>
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示。标签表示HTML表格的表头部分。th是英文Table Head的简写。
1.4 表格属性
表格标签这部分属性我们实际开发我们不常用,后面通过CSS来设置。
属性名 | 属性值 | 描述 |
---|---|---|
align | left 、center、right | 规定表格相对周围元素的对齐方式。 |
border | 1或"" | 规定表格单元是否拥有边框,默认为"",表示没有边框。 |
cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素。 |
cellspacing | 像素值 | 规定单元格之间的空白,默认2像素。 |
width | 像素值或百分比 | 规定表格的宽度。 |
<!--表格属性要写在table里面 align是对齐方式
cellpadding是边沿和内容距离 cellspacing是单元格之间距离 -->
<table align="center" border="1" cellpadding="5" cellspacing="0" width="300" height="150">
<!--th是表头,加粗居中-->
<tr><th>姓名</th