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

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

相关推荐
xieliyu.11 分钟前
Java手搓数据结构:从零模拟实现无头双向非循环链表
java·数据结构·链表
We་ct24 分钟前
React 性能优化精讲
前端·javascript·react.js·性能优化·前端框架·html·浏览器
薪火铺子30 分钟前
SpringMVC请求处理流程源码解析(第3篇):视图渲染与异常处理
java·后端·spring
云动课堂34 分钟前
【运维实战】Nginx 高性能Web服务 · 一键自动化部署方案 (适配银河麒麟 V10 / openEuler / CentOS 7/8)
运维·前端·nginx
逻辑驱动的ken1 小时前
Java高频面试场景题19
java·开发语言·面试·职场和发展·求职招聘
leoufung1 小时前
LeetCode 42:接雨水 —— 从“矩形法”到双指针的完整思考过程
java·算法·leetcode
小碗羊肉1 小时前
【MySQL | 第十一篇】InnoDB引擎
java·数据库·mysql
Dylan的码园1 小时前
Maven基础架构与整体认识
java·junit·maven
弹不出的5h3ll2 小时前
Ghost Bits:高位截断如何让 Java WAF 形同虚设
java·开发语言
大前端helloworld2 小时前
AI全自动实现Flutter蓝牙自动连接
前端