【HTML】HTML基础7.1(无序列表)

目录

标签

属性

效果

注意


标签

html 复制代码
<ul>
<li>列表里要装的东西</li>
<li>列表里要装的东西</li>
<li>列表里要装的东西</li>
</ul>

属性

type:

|--------|-----|
| circle | 空心圆 |
| disc | 实心圆 |
| square | 方框 |

效果

circle空心圆效果

disc实心圆效果:

square方框效果:

代码

html 复制代码
<ul type="circle">
			<li><a href="https://baike.baidu.com/item/%E9%93%B6%E6%B2%B3%E6%8A%A4%E5%8D%AB%E9%98%9F/221813">银河护卫队</a></li>
			<li><a href="https://baike.baidu.com/item/%E9%93%B6%E6%B2%B3%E6%8A%A4%E5%8D%AB%E9%98%9F2/15079836">银河护卫队2</a></li>
			<li><a href="https://baike.baidu.com/item/%E9%93%B6%E6%B2%B3%E6%8A%A4%E5%8D%AB%E9%98%9F3?fromModule=lemma_search-box">银河护卫队3</a></li>
		</ul>

注意

<ul>标签里只能有<li>标签,而<li>标签中可以是任何东西,上文中<li>标签里就是链接,当然也可以是图片啦~

今天的分享就结束啦~希望能帮到您!

相关推荐
biyezuopinvip几秒前
基于Spring Boot的投资理财系统设计与实现(任务书)
java·spring boot·vue·毕业设计·论文·任务书·投资理财系统设计与实现
逆境不可逃6 分钟前
【除夕篇】LeetCode 热题 100 之 189.轮转数组
java·数据结构·算法·链表
七夜zippoe16 分钟前
告别SQL恐惧症:我用飞算JavaAI的SQL Chat,把数据库变成了“聊天室”
java·数据库·sql·ai·javaai
心本无晴.23 分钟前
RAG检索优化:文本分块策略如何大幅提升检索准确度
java·linux·服务器
西门吹雪分身36 分钟前
K8S之Ingress
java·容器·kubernetes·k8s
无名之逆44 分钟前
你可能不需要WebSocket-服务器发送事件的简单力量
java·开发语言·前端·后端·计算机·rust·编程
Remember_99344 分钟前
一文吃透Java WebSocket:原理、实现与核心特性解析
java·开发语言·网络·websocket·网络协议·http·p2p
加农炮手Jinx44 分钟前
Flutter for OpenHarmony:web_socket_channel 全平台 WebSocket 通信标准库,从原理到鸿蒙实战(3000字深度解析)
android·前端·网络·websocket·flutter·华为·harmonyos
王码码20351 小时前
Flutter for OpenHarmony:web_socket 纯 Dart 标准 WebSocket 客户端(跨平台兼容性之王) 深度解析与鸿蒙
android·前端·websocket·网络协议·flutter·华为·harmonyos