• 技术文章 >web前端 >前端问答

    html无序列表标签有哪些

    青灯夜游青灯夜游2021-11-17 13:58:05原创214

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

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

    html无序列表标签有“<ul>”和“<li>”;“<ul>” 标签与 “<li>”标签一起使用,创建无序列表。

    一个“<li>”标签代表一个列表项。

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

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

    1.png

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

    <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视频教程

    以上就是html无序列表标签有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 无序列表
    上一篇:html中规范的注释声明是什么样的 下一篇:html文档的根元素是什么
    php中文网线上培训班

    相关文章推荐

    • html里ol和ul的区别是什么• 在html中marquee什么意思• html行内块状级元素有哪些• html播放器支持什么视频格式• html中的 b 标签啥意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网