html5表格标签属性,5-HTML列表，table表格标签及其属性⼀.有序列表 (ordered list)
格式：
1. 有序列表
2. 有序列表
3. 有序列表
语义及运⽤：
给⼀堆数据添加列表语义，数据有先后之分。常运⽤于歌单，排⾏榜等需要列出先后顺序的列表。
注意点：
1.
1. 标签是⼀个组合，⼀般情况下⼀起使⽤。
2.
1. 标签中⼀般只有
2. 标签，不可能有其它标签。
3.若在开发中列表包含的信息很多需要添加其它语义，则可在
3. 标签中嵌套其它标签。
⼆.⽆序列表 (unordered list)
格式：
1. ⽆序列表
2. ⽆序列表
3. ⽆序列表
语义及运⽤：
给⼀堆数据添加列表语义，数据⽆先后之分。此种列表运⽤的最多。常运⽤于新闻条，商品列表等⽆需列出先后顺序的列表。
注意点：
1.
1. 标签是⼀个组合，⼀般情况下⼀起使⽤。
2.
1. 标签中⼀般只有
2. 标签，不可能有其它标签。
3.若在开发中列表包含的信息很多需要添加其它语义，则可在
3. 标签中嵌套其它标签。
三.定义列表 (definition list)
格式：
列表头
列表类容
列表头
列表内容
语义及运⽤：
定义列表⽤dt定义标题，dd定义标题的描述。常运⽤于⽹站尾部相关信息，图⽂混排等。注意点：
1.
标签是⼀个组合，⼀般情况下⼀起使⽤。
2.
标签中⼀般只对应⼀个
标签，虽然它可以对应多个
标签。
3.若在开发中列表包含的信息很多需要添加其它语义，则可在
标签中嵌套其它标签。
四.列表的嵌套
列表内嵌套其它标签
有时列表内包含的信息需要添加其它标签
格式：
1. 这是⼀个标题
这是⼀个段落
2. 这是⼀个标题
这是⼀个段落
列表内部嵌套列表
列表内部可以嵌套⼦列表
格式：
1.
1. 这是⼦列表1
2. 这是⼦列表1
2.
1. 这是⼦列表2
2. 这是⼦列表2
各种类型列表相互嵌套
各种列表可以按需求搭配嵌套
格式：
1. ⽆序列表
2.
1. 有序列表
2. 定义列表头
定义列表内容
定义列表内容
注意点：
1.⼀般⽆序列表使⽤的最多，有序列表使⽤的最少。
2.若要去除列表前⾯的⼩圆点或数字可以使⽤CSS样式去除。
格式：
五.< table>表格标签及其属性
格式：
这是单元格1-1这是单元格1-2
这是单元格2-1这是单元格2-2
这是单元格3-1这是单元格3-2
作⽤：
⽤来给⼀堆表格标签添加语义。表格是数据展现的⼀种形式，当数据⾮常⼤的时候，使⽤表格额可以清晰的展现。
< table>表格标签常⽤属性：
< table>属性
作⽤
border
边框
cellpadding
td的内边距
cellspacing
td的外边距
width
table宽度
< td>属性
作⽤
align
⽔平对齐⽅式
valign
垂直对齐⽅式
width
宽度，默认⾃动分布
注意点：
1.< table>
是⼀个组合， 元素定义表格⾏， 元素定义表头，元素定义表格单元。简单的 HTML 表格由< table> 元
素以及⼀个或多个 、或 元素组成。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
2.表格中的border属性决定边框的宽度，平常默认宽度为0，也就是看不见表格。
3.width/height属性决定表格的宽度和⾼度。平常默认宽⾼是根据内容的宽⾼来展现的。若只设置
的宽⾼则只改变当前单元格的宽⾼，表格整体宽⾼不受影响。
4.在
中都设置了align属性的话，系统优先采⽤。
5.表格中的内容⼀般默认为垂直居中的，所以只需设置⽔平居中便可，⼀般使⽤CSS样式来进⾏此项操作，不推荐使⽤align属性。CSS格式：text-align:centertext-align:center.
6.若想合并全部单元格，清除单元格的外边距。可使⽤样式border-collapse: collapse;。
六.< table>表格的其他标签
为表格设置标题：使⽤标签
设置单元格标题：使⽤
标签替换标签
格式：
表格标题
Month Savings
January$100
作⽤
表格标题会⾃动跟随表格，会在表格中的最上⾯⽔平居中，⽽不是在页⾯中⽔平居中。
单元格标题会⾃动在单元格中居中，并且⽂字会加粗。
注意点：
标签必须写在< table>标签⾥⾯，并且紧跟< table>标签。
七.表格单元格的合并
html网页设计 table ⽔平⽅向的单元格合并
⽅法：
在需要合并的单元格中加⼊colspan属性，要合并⼏个单元格属性的取值就为⼏。
格式：
表⽰这个单元格在⽔平⽅向上相当于三个单元格。
垂直⽅向的单元格合并
⽅法：
在需要合并的单元格中加⼊rowspan属性，要合并⼏个单元格属性的取值就为⼏。
格式：
表⽰这个单元格在垂直⽅向上相当于三个单元格。
注意点：
1.单元格的合并只能是从左⾄右和由上到下。
2.合并单元格之后要删掉多出来的单元格。例如colspan``rowspan的取值为3的话，就相当于这个单元格在⽔平⽅向或垂直⽅向相当于3个单元格。那么我们就要删除这个单元格的右边2个单元格或者下边两个单元格。
*** 此⽂章著作权由饥⼈⾕_刘冲和饥⼈⾕(QQ : 222459918) 所有。转载须说明来源。***

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。