美文网首页
HTML-无序列表

HTML-无序列表

作者: 小驴拉磨 | 来源:发表于2020-07-27 17:58 被阅读0次

无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:

<ul>
    <li>列表项1</li>
    <li>列表项1</li>
    <li>列表项1</li>
    ......
</ul>

示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>小驴拉磨</title>
</head>
<body>
    <!-- 图片在同级目录 -->
    <h3>最喜欢的水果</h3>
    
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橘子</li>
        <li>水果萝卜</li>
    </ul>

</body>
</html>
image.png

注意事项:
1.<uI></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2.<li>与</li>之间相当于一个容器,可以容纳所有元素。
3.无序列表会带有自己样式属性,放下那个样式,让CSS来。

相关文章

  • HTML-无序列表

    无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下: 示例代码: 注意事项:1. 中只能嵌套...

  • HTML-无序列表

    一、无序列表 1-1无序列表介绍 1-2无序列表展示 二、有序列表 2-1有序列表介绍 2-2有序列表展示

  • HTML的三个作业

    第一个作业:html-列表html-list这个作业主要是使用列表来嵌套,最外层是无序列表,然后是有序列表,最后再...

  • HTML-有序/无序列表-2018.06.26

    有序/无序列表 要求:掌握有序与无序列表的基本样式 重点:对于命令标签的掌握和记忆 难点:掌握基本命令真的不难啦 ...

  • [note] HTML list|table|form

    一. HTML-列表元素 列表元素 有序列表:ol、liol(ordered list)有序列表,直接子元素只能是...

  • 学习小组Day1笔记-Herobrine

    Day1-Herobrine 列表 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表...

  • HTML 列表

    HTML支持有序、无序和定义列表 实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 无序列表 无序...

  • 网页设计:HTML列表标签

    无序列表 有序列表 自定义列表 1,无序列表 无序列表的标签是: 无序列表 定义一个无序列表: 定义一个列表项; ...

  • Markdown学习笔记

    列表语法 无序列表 无序列表基础语法 无序列表1 此处使用*和空格作为无序列表项的开头语句为: 无序列表2``` ...

  • 无标题文章

    学习 Markdown [TOC] 超链接 百度 列表 无序列表1 无序列表2 无序列表3 无序列表3 有序列表 ...

网友评论

      本文标题:HTML-无序列表

      本文链接:https://www.haomeiwen.com/subject/ujftrktx.html