欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

第八课 表格 html5学习3

程序员文章站 2022-04-09 18:54:27
表格用来处理表格式数据的,不是用来布局的。 一、基本语法格式 行标签 单元格标签
二、表格注意事项 里只放标签 里可以放所有元素 三、表格属性 在table中设置 boder: 默认border="0 ......

表格用来处理表格式数据的,不是用来布局的。

一、基本语法格式

<table>

  <tr> 行标签 

    <td></td> 单元格标签

  </tr>

</table>

二、表格注意事项

<tr>里只放<td>标签

<td>里可以放所有元素 

三、表格属性 在table中设置

boder: 默认border="0";

cellspacing: 单元格之间的空白距离 默认值为2;

cellpadding: 文字与单元格之间的距离 默认值为1;

width:宽度

height:高度

align: 设置表格在网页中的水平对齐方式 left center right

四、表头标签

表头一般指第一行或第一列

<table>

  <tr> 行标签

    <th></th> 表头标签

  </tr>

</table> 

五、表格结构

结构划分<thead>,<tbody> 划分结构,不显示

<table>

<thead> 头部分

  <tr> 行标签

    <th></th> 表头标签

  </tr>

</thead>

<tbody> 主体部分

  <tr> 

    <td></td> 单元格标签 

  </tr>

</tbody>

</table>

六、浏览器审查html标签元素

检查

七、表格标题标签

<table>

  <caption>表格标题</caption>

</table>

 

八、合并单元格

跨行合并: rowspan 跨列合并: colspan