表格标签基本使用

表格标签基本使用

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为并列关系

 

posted @ 2021-11-08 11:15  _不吃香菜  阅读(212)  评论(0编辑  收藏  举报