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

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

相关推荐
油丶酸萝卜别吃1 天前
高效处理数组差异:JS中新增、删除、交集的最优解(Set实现)
开发语言·前端·javascript
GISer_Jing1 天前
前端动画技术全解析:从GIF到WebGPU
前端·ai·动画·webgl
穿条秋裤到处跑81 天前
java2AI系列:SpringAI 通过 Function Calling 接入外部系统
java·人工智能
LIO1 天前
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
前端·vue.js
亚空间仓鼠1 天前
Ansible之Playbook(四):循环与判断
java·服务器·ansible
李昊哲小课1 天前
安装 npm/pnpm/yarn 换国内镜像 统一目录管理全局包+缓存
前端·缓存·npm·pnpm·yarn
希望永不加班1 天前
SpringBoot 依赖管理:BOM 与版本控制
java·spring boot·后端·spring
挖稀泥的工人1 天前
AI 打字跟随优化
前端·javascript·vue.js
jiayong231 天前
第 11 课:把筛选条件同步到 URL
开发语言·前端·javascript
落木萧萧8251 天前
MyBatis、MyBatis-Plus、JPA、MyBatisGX 写法比较:同一个需求,四种解法
java·后端