为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
添加新闻信息列表 - 使用<ul><li>标签实现无序列表，初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

添加新闻信息列表 - 使用<ul><li>标签实现无序列表

在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。

新闻列表

图片列表

这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。

语法：

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

举例：

<ul>
  <li>精彩少年</li>
  <li>美丽突然出现</li>
  <li>触动心灵的旋律</li>
</ul>

ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点，如下图所示：

 

任务

我来试试，亲自感受一下无序标签的使用

1、在右部编辑器中的第10行输入<ul><li>我的第一个列表信息</li></ul>

?不会了怎么办

1、别忘了ul-li标签的语法

  <ul>
      <li>信息</li>
      <li>信息</li>
      ......
  </ul>
||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消