PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html无序列表标签有哪些

青灯夜游
青灯夜游 原创
2021-11-17 13:58:05 22989浏览

html无序列表标签有“

    ”和“
  • ”,这两个标签一起使用才可创建无序列表。“
      ”标签用于定义无序列表,即创建无序列表的框架;而“
    • ”标签定义无序列表中的列表项目,一个“
    • ”标签代表一个列表项。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html无序列表标签有“

    ”和“
  • ”;“
      ” 标签与 “
    • ”标签一起使用,创建无序列表。
        • ”标签用于定义无序列表
      • ”标签定义无序列表中的列表项目

      一个“

    • ”标签代表一个列表项。

      下面通过代码示例看看无序列表是什么样式的

      <ul>
          <li>Coffee</li>
          <li>Tea</li>
          <li>Milk</li>
          <li>....</li>
      </ul>

      1.png

      可以通过 ul 标签的type属性来设置列表项符号的类型。

      • disc—实心圆(默认)

      • circle—空心圆

      • square—实心方块

      <ul type="disc">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>
      
      <ul type="circle">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>
      
      <ul type="square">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>

      2.png

      推荐教程:《html视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。