web前端day02学习

1、基础表格：
<table>表格
<tr>行
<td>单元格
基本语法：
<table border="1">
<tr>
<td>.....<td>
</tr>

<tr>
<td>.....<td>
</tr>

 

</table>
2、表格操作
colspan，表示合并列bai。colspan等于几就是合并du几个列的单元格。zhi比如：colspan="2"，就是合并了2个列的单元格。
它们是写在<td>标签里的

3、表格属性：
td属性

　　用来定义表格单元格，可以同colspan，rowspan，headers局部属性使用

　　(1)colspan： 列跨度，该属性规定了单元格可横跨的列数，该属性的值必须是整数

　　(2)rowspan：行跨度，该属性规定了单元格可横跨的行数，该属性的值必须是整数

　　(3)headers：该属性的值是一个或多个单元的ID属性值，将单元格与列标题相关联，可用于使用屏幕阅读器

th属性

　　用来定义标题单元格，使我们有效区分数据及其描述

　　它同 元素具有相同的局部属性，两者有如下区别：

是表示头标记，通常位于首行或者首列。而且中的文字默认会被加粗，而是不会的

是数据标记，表示单元格的具体的数据

valign属性可以设置th和td，可以取值Top或者Bottom。

callpadding：内容与单元格边框的间距

cellspacing：防止文本超出边框

如果要使单元格实现跨行或者跨列功能，使用属性colspan和rowspan.

表格的注意事项：
1、尽量少的使用表格嵌套
2、尽量少点使用表格跨横跨列
3、使用表格进行网页结构布局一般不设置border。