li标签是HTML中列表项的标记，它的作用是将文本或元素组织成有序或无序的列表。li标签常用于ul（无序列表）或ol（有序列表）标签的子元素中。
使用li标签可以让文档的结构更加清晰，同时也可以提高内容的可读性和可访问性。下面我们将详细介绍li标签的使用方法和一种特殊的技巧：制作具有外链功能的图片。
1. 使用li标签创建无序列表：
在ul标签中使用li标签，可以创建一个无序列表。例如：
自助收录
-
列表项1
-
列表项2
-
列表项3
上述代码会生成一个简单的无序列表，包含三个列表项。
2. 使用li标签创建有序列表：
在ol标签中使用li标签，可以创建一个有序列表。有序列表会按顺序给列表项编号。例如：
-
第一项
-
第二项
-
第三项
上述代码会生成一个带有编号的有序列表。
3. li标签的技巧：制作具有外链功能的图片：
在li标签中，可以使用a标签嵌套img标签，从而实现点击图片跳转到外部链接的效果。例如：
上述代码中，每个li标签内部都包含一个a标签，a标签的href属性指定了外部链接的地址。而a标签内部又嵌套了img标签，img标签的src属性指定了图片的地址，alt属性提供了图片的替代文本。
这样，当用户点击列表中的图片时，会跳转到指定的外部链接。
总结：
li标签是HTML中用于创建有序或无序列表的标签，它能够帮助我们更好地组织文本和元素。同时，通过在li标签中使用a标签和img标签的嵌套，我们可以制作具有外链功能的图片，为用户提供更好的交互体验。
所有主流浏览器都支持
扩展资料：
HTML是超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
HTML的语言特点
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料：HTML—网络百科
刚刚试了一下你的代码，结果是不是和上面图片上这个一样的。 首先代码不建议这样写，代码不规范后面很容易报错的，你的ul标签没有结尾。 因为整个LI都是超链接，那里面的内容就不可能会被点击到，所以只能做JS跳转。 具体代码可以上网查询。
举例：
显示效果如下：
HTML 两个列表实例： 一个有序列表 (
ul li 是一个组合：是无序列表标签，在实际中用的非常多.
范例代码如下：
网址推荐