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

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

相关推荐
胡萝卜术19 小时前
力扣5. 最长回文子串
前端·javascript·面试
我星期八休息19 小时前
网络编程—应用层HTTP协议
linux·运维·开发语言·前端·网络·网络协议·http
Mr__Miss19 小时前
Java泛型完全指南:从入门到精通
java·开发语言·python
不好听61319 小时前
前端路由完全指南(下篇):懒加载、History 栈与工程化实践
前端·react.js
jinyishu_20 小时前
模拟实现 C++ 栈和队列——从适配器模式看懂 STL 容器之美
java·c++·适配器模式
前端工作日常20 小时前
我学习到的Java类和对象区别
java·后端
前端工作日常21 小时前
我学习到的Java类完整结构
java·后端
什巳21 小时前
JAVA练习309- 二叉树的层序遍历
java·数据结构·算法·leetcode
宠友信息21 小时前
消息序号如何保证即时通讯源码聊天记录稳定加载
java·spring boot·redis·python·mysql·uni-app
圣光SG21 小时前
Java Web入门基础知识笔记
java·前端·笔记