HTML5及CSS学习---HTML标签(下)

1.表格标签:

表格:显示和展示数据

基本语法: 

<table>
	    <tr>
	        <td>单元格内的文字</td>
	        ...
	    </tr>
	    ...
</table>

注意事项:

<table></table>是用于定义表格的标签;

<tr></tr>标签用于定义表格中的行;

<td></td>用于定义表格中的单元格;

字母td指表格数据(table data),即数据单元格的内容。

2.表头单元格标签:

表头单元格:一般表头单元格位于表格第一行或第一列。

语法:   

<table>
     <tr>
         <th>姓名</th>
     </tr>
</table>

3.表格的相关属性:

HTML5及CSS学习---HTML标签(下)

这些属性要写到table里面。如:<table align="center"></table>

4.表格结构标签

<thead>:表格的头部区域,内部必须拥有<tr>标签;

<tbody>:表格的主体区域;

以上2个表情都包含在 <table>标签里。

5.合并单元格

跨行合并:rowspan="合并单元格的个数"

跨行:最上侧单元格为目标单元格,写合并代码

跨列合并:colspan="合并单元格的个数"

跨列:最左侧单元格为目标单元格,写合并代码

合并单元格三部曲:

1.确定跨行还是跨列 

2.找到目标单元格,写上合并方式=合并的单元格数量。如:<td colspan="2"></td>

3.删除多余的单元格。

上一篇:react学习---路由之withRouter的使用


下一篇:Html5介绍