2-7. 无序列表

1、无序列表
给数据添加列表语义,并且数据的排列没有先后之分

2、格式

  • 需要显示的条目内容
  • li其实是英文list item的缩写
  • list是列表的意思
  • item是条目的意思
  • 所以结合起来就是 列表条目的意思

3、注意点

  • 一定要记住ul标签是用来给一堆数据添加列表语义的, 而不是用来给他们添加小圆点的
  • ul标签和li标签是一个整体, 是一个组合. 所以一般情况下ul标签和li标签都是一起出现, 不会单个出现. 也就是说不会单独使用一个ul标签或者单独使用一个li 标签, 都是结合在一起使用
  • 由于ul标签和li标签是一个组合, 所以ul标签中不推荐包含其它标签, 也就是说以后你在ul标签中只会看到li标签

4、应用场景

  • 新闻列表
  • 商品列表
  • 导航条

5、无序列表一
type属性:指定条目前面的标记样式
不建议使用这个属性,一般在css中进行修改样式

  • disc 实心圆点
  • square 方点
  • circle 空心圆点



  • 我是一个li
  • 我是一个li
  • 我是一个li
  • 我是一个li

http://www.w3school.com.cn/tags/tag_ul.asp
http://www.w3school.com.cn/html/html_lists.asp

你可能感兴趣的:(2-7. 无序列表)