1.表格标签table
作用:表格不是用来布局的,而是显示和展示表格式的数据。
1.1创建表格
基本语法:
<table>
<tr>
<td> 单元格内文字</td>
</tr>
</table>
1.table用于定义一个表格标签
2.tr标签 用于定义表格中的行
3. td用于定义表格中的单元格
1.2表格属性
1.2.1常用属性
1.2.2表头单元格标签th
作用:一般单元格位于表格第一行或第一列,文字需要加粗居中
语法:只需用th替换td
1.2.3表格标题
用法:
<table>
<caption>表格标题 </caption>
<table>
注意:1.caption元素定义表格标题,会被放在表格之上
2.caption标签必须紧随table标签
3.这个标签只存在表格内才有意义
1.2.4合并单元格
1.合并单元格的两种方式
- 跨行合并rowspan=“合并单元格个数”
- 跨列合并colspan=“合并单元格个数”
2.合并单元格步骤
- 确定是跨行合并还是跨列合并
- 根据上下,左右的顺序找到目标单元格,然后协商合并属性及数量
- 最后一步删除多余单元格
1.2.5表格总结
1.2.6表格划分结构
2.列表标签
作用:列表最大的特嗲那就是整齐、有序跟表格雷系,但是它的可组合度更好因此可以用来布局。
2.1无序列表ul
各个列表项之间没有顺序级别之分,是并列的。
语法
<ul>
<li>