当前位置:   article > 正文

零基础HTML入门教程(21)——无序列表_web无序列表代码

web无序列表代码

1.任务目标

我们上一小节学习了有序列表,有有序列表那么肯定有无序列表,我们本小结学习一下无序列表并熟练掌握。

2.无序列表

所谓无序列表,就是没有顺序的列表,英文单词为“Unordered List”,标签为

  • ,作用是在网页中显示一个没有顺序的列表

3.代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <ul>

        <li>张三</li>
        <li>李四</li>
        <li>赵五</li>
    </ul>
</body>

</html>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

效果如下
在这里插入图片描述

4.小结

我们本小节学习了html的无序列表,无序列表没有顺序,他在hrml里面很常用,要熟练使用。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/328962
推荐阅读
相关标签
  

闽ICP备14008679号