HTML代码里面有序列表、无序列表、自定义列表的写法以及区别
关于列表
HTML代码里面有三种列表,也是很常用三种列表,
分别是:有序列表、无序列表、自定义列表,
这三种列表在网站上面是经常看到的,也是一个基础知识。
有序列表的 写法
有序列表的写法
<ol> <li>有序列表1</li> <li>有序列表2</li> <li>有序列表3</li> </ol>
无序列表的 写法
无序列表的写法
<ul> <li>无序列表1</li> <li>无序列表2</li> <li>无序列表3</li> </ul>
自定义列表 写法
自定义列表的写法
<dl> <dt>标题</dt> <dd>内容</dd> <dd>内容</dd> </dl>
扩展知识
在HTML的列表里面,并不是只能给列表添加文字内容,你也可以给列表添加图片内容,只要是内容都可以添加在标签里面,我举个例子,各位可以参考一下下面的代码,我采用的是自定义列表。
演示效果:
-
- 茫茫人海
- 何时才能遇到对的你
代码的写法 各位可以参考一下:
<dl> <dt><img src="https://www.vc99.cn/zuiku.png"></dt> <dd>茫茫人海</dd> <dd>何时才能遇到对的你</dd> </dl>
三种列表的区别
在有序列表里面,内容是按照顺序来进行排列的,而在无序列表里面内容是没有顺序的(虽然听起来是废话,还是我还是得说。),而自定义列表和上面两种列表都不一样,它拥有标题和内容这两个属性,作用比较广泛也是最常用的。
评论列表