使用ul,添加新闻信息列表
Posted Rinpe
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用ul,添加新闻信息列表相关的知识,希望对你有一定的参考价值。
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。
新闻列表
图片列表
这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法:
<ul> <li>信息</li> <li>信息</li> ...... </ul>
举例:
<ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul>
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:
示例:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> p标签</title> </head> <body> <ul> <li>陈奕迅退休</li> <li>周杰伦不唱歌</li> <li>林俊杰演戏</li> <li>王力宏复出</li> </ul> </body> </html>
以上是关于使用ul,添加新闻信息列表的主要内容,如果未能解决你的问题,请参考以下文章