html列表之有序无序自定义列表

admin · 发表于 2022-2-7 23:23:58

1.无序列表
深圳企业网站.jpg

标签名称	无序列表标签
标签	<ul> <li></li> ....... </ul>
属性	Type 设置列表项目符号样式 circle - 空心圆 square - 正方形 disc - 实心圆（默认）
描述	注意： 1. 列表项里面至少有一个li标签（至少1一个，可以写N个） 2. 写无序列表必须写ul 3. 内容必须写在li标签内说明：列表项目结构中没有先后顺序的列表，称之为：无序列表

ul：代表标签的模块，范围

li：代表列表的每一项

复制代码

注意：ul标签的直接子元素必须是li标签，li标签是放置列表的容器，可以放任何东西

2.有序列表
深圳网站建设.jpg

标签名称	有序列表标签
标签格式	<ol> <li></li> ....... </ol>
属性	Type 设置列表项目编号样式： A,a - 设置项目编号为大小写英文字母 I,i - 设置项目编号为大小写罗马数字 1 - 设置项目编号为阿拉伯数字（默认）
描述	注意： 1. 至少有一个li标签 2. 内容必须写在li标签里 3. 写有序列表必须写ol标签 4. 设置项目编号样式为英文字母，超过26个字母，会以aa,ab,ac这样的规律递增说明：列表结构中有先后顺序并且可以设置项目编号为（1,2,3或者a、b、c）的列表，称之为：有序列表

复制代码

3.自定义列表 深圳网络推广.jpg

标签名称	定义列表标签
标签格式	<dl> <dt>标题</dt> <dd>描述</dd> ....... </dl>
属性
描述	注意： 1. 必须写一个dt但是可以不写dd;dt也可以写多个 2. Dd是针对于前面最近的一个dt的表述 3. 内容必须写在dt或者dd里面说明：不仅仅是一列项目，还是项目标题和项目描述/注释的组合

代码

复制代码