表格标签基本使用
表格标签基本使用
1.表格标签
表格不是用来布局页面,而是用来展示数据的。
(1)表格的基本语法
<table> </table> 用于定义表格的标签
<tr> </tr> 行
<td> </td>单元格
表头单元格标签<th> </th>会加粗居中显示
align 对齐方式
cellpadding 规定单元边沿与其内容之间的空白,默认1像素
cellspacing 规定单元格之间的空白,默认2像素
以上三种属性都要写到表格标签table里面去
(2)表格结构标签
<thead>标签 表格的头部区域 <tbody> 标签 表格的主体区域
<thead>标签内部必须拥有<tr>标签
(3)合并单元格
跨行:rowspan = "合并单元格的个数" 最上侧单元格为目标单元格,写合并代码
跨列:colspan = "合并单元格的个数" 最左侧单元格为目标单元格,写合并代码
2.列表标签
表格是用来展示数据,而列表是用来布局的。
(1)无序列表
<ul> <li> </li> </ul> ul里只能嵌套li标签 <li>与</li>之间可以容纳所有元素
(2)有序列表
<ol> <li> </li> </ol>
(3)自定义列表
<dl> <dt> </dt> <dd> </dd> </dl> dt与dd为并列关系