表格标签
- 表格标签基本使用
1.1划分区域
主分为整体-头部-主体部分
例如:
在头部标签中若想突出表头单元格(加粗),则将<td></td>
标签替换为<th></th>
标签
1.2基本语法
表格分为行(row)和单元格,一行里面有若干个单元格,而整个表格也可以设置属性,对应标签关系如下:
行——<tr></tr>
标签
单元格——<td></td>
标签
表格属性:(如下表)
属性名【属性值】 | 描述 |
---|---|
align 【left,center,right】 | 表格在网页中的位置 |
border【1或“”】 | 表格是否有边框 |
cellspacing | 单元格之间的空白 |
cellpadding | 单元边沿与内容的距离 |
width | 表格的宽度 |
注释:因table含有表格的意思,因此table是个大整体,而表格标签里的大部分标签以t开头
- 操作
2.1合并单元格
列表标签
-
无序列表(列举出来,没有顺序(unordered))
整体标签<ul></ul>
注:该标签里面只能填充<li></li>
,两者为嵌套关系,但<li></li>
里面可以填充其它元素,例如图片,链接等 -
有序列表(列举出来,有顺序(ordered))
整体标签<ol></ol>
注:该标签里面只能填充<li></li>
,两者为嵌套关系,但<li></li>
里面可以填充其它元素,例如图片,链接等 -
自定义列表(类似于表格式的布局)
整体标签<dl></dl>
____整体标签里有若干个小板块,板块名称用<dt></dt>
标签
____板块名称标签里有若干个对名称的解释用<dd></dd>
标签注:该整体标签里面只能填充
<dt></dt>
标签和<dd></dd>
标签,但<dt></dt>
标签和<dd></dd>
标签里面可以放任意标签
两者区别
表格主要用于展示数据
列表主要用于网页中的布局