开发者学堂课程【零基础学前端 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>
如图,为无序列表
再增加代码
<ol>
<li>JAVA</li>
<li>oracle</li>
<li>html</li>
<li>JAVAee</li>
</ol>
如图显示一个序列1234,就叫有序列表
列表使用实例
<ul>
<li>计算机科学</li>
<li>经济管理系</li>
<li>艺术设计系</li>
</ul>
<ol>
<li>计算机科学/li>
<li>经济管理系</li>
<li>艺术设计系</li>
</ol>
总结:
列表分为有序列表和无序列表,有序是 < ol >< /ol >,无序是< ul >< /ul >