在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。
新闻列表
图片列表
这些列表就可以使用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>
<ul><li>我的第一个列表信息</li></ul>
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ul列表</title></head> <body> </body> </html>