添加新闻信息列表 - 使用<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>

提交

公开笔记

提交

全屏

请验证，完成请求

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