【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>标签里就是链接,当然也可以是图片啦~

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

相关推荐
IT_Octopus几秒前
多线程下使用缓存+锁Lock, 出现“锁失效” + “缓存未命中竞争”的缓存击穿情况,双重检查缓存解决问题
java·spring·缓存
溪饱鱼1 分钟前
React源码阅读-fiber核心构建原理
前端·javascript·react.js
陈随易15 分钟前
Element Plus 2.10.0 重磅发布!新增Splitter组件
前端·后端·程序员
陈随易19 分钟前
2025年100个产品计划之第11个(哆啦工具箱) - 像哆啦A梦口袋一样丰富的工具箱
前端·后端·程序员
前端缘梦26 分钟前
微信小程序登录方案实践-从账号体系到用户信息存储
前端·微信小程序
杰哥技术分享26 分钟前
IDEA 打开文件乱码
java·ide·intellij-idea
用户214118326360227 分钟前
02-N8N教程-手把手教你用 PostgreSQL 实现 N8N 数据持久化,生产环境部署实战!
前端
玄玄子28 分钟前
webpack学习指南
前端·webpack·程序员
猫头虎29 分钟前
[特殊字符]解决 “IDEA 登录失败。不支持早于 14.0 的 GitLab 版本” 问题的几种方法
java·ide·网络协议·http·https·gitlab·intellij-idea
不爱说话郭德纲29 分钟前
面试官:你给我讲讲async/await
前端·深度学习·面试