列表 | 学习笔记

简介: 快速学习列表

开发者学堂课程【零基础学前端 HTML+CSS:列表 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5136


列表

内容介绍:

一、有序列表和无序列表

二、示例

 

一、有序列表和无序列表

无序列表︰无序列表使用 < ul > 标签,里面的每个列表项使用 < li >

有序列表∶有序列表使用 < ol > 标签,里面的每个列表项使用 < li >

 

二、示例

新建一个 li 的 html 文件,输入

< title >有序列表和无序列表< /title >

<body>

<ul>

<li>JAVA</li>

<li>oracle</li>

<li>html</li>

<li>JAVAee</li>

</ul>

</body>

如图,为无序列表

image.png

再增加代码

<ol>

<li>JAVA</li>

<li>oracle</li>

<li>html</li>

<li>JAVAee</li>

</ol>

如图显示一个序列1234,就叫有序列表

image.png

列表使用实例

<ul>

<li>计算机科学</li>

<li>经济管理系</li>

<li>艺术设计系</li>

</ul>

<ol>

<li>计算机科学/li>

<li>经济管理系</li>

<li>艺术设计系</li>

</ol>


 image.png

总结:

列表分为有序列表和无序列表,有序是 < ol >< /ol >,无序是< ul >< /ul >

相关文章
|
索引 Python
|
Python
【基础入门题021】列表的真子列表
【基础入门题021】列表的真子列表
47 0
|
前端开发 开发者
|
开发者
自定义列表|学习笔记
快速学习自定义列表
自定义列表|学习笔记
|
存储 人工智能 索引
html+css实战26-自定义列表
html+css实战26-自定义列表
251 0
html+css实战26-自定义列表
html+css实战27-自定义列表
html+css实战27-自定义列表
98 0
html+css实战27-自定义列表
|
开发者 索引
列表的方法|学习笔记
快速学习 列表的方法
|
Shell 开发者
修改列表|学习笔记
快速学习 修改列表
106 0
|
存储 开发者 索引
列表的简介|学习笔记
快速学习 列表的简介
118 0