美文网首页
HTML-有序/无序列表-2018.06.26

HTML-有序/无序列表-2018.06.26

作者: 侯小强2018 | 来源:发表于2018-07-03 21:06 被阅读0次

有序/无序列表


要求:掌握有序与无序列表的基本样式
重点:对于命令标签的掌握和记忆
难点:掌握基本命令真的不难啦
易错:将有序,无序列表命令混淆

学习内容:

无序列表标签命令 <ul> </ul>
有序列表标签命令 <ol> </ol>
标签内容:<li> 这里输入内容</li>`

实际操作(无序标签):

<body>
        <ul>
            <li>第一条</li>
            <li>第二条</li>
            <li>第三条</li>
        </ul>
</body>

显示结果:

这是无序标签的显示结果

实际操作(有序标签):

<body>
        <ol>
            <li>第一条</li>
            <li>第二条</li>
            <li>第三条</li>
        </ol>
</body>

显示结果:

有序标签显示结果

心得体会:

原来生活中简单的输入123进行排序,是这样操作的,列表的排序我竟然也可以自己操作啦,很开心!贵在积累!!加油!

相关文章

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

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

  • HTML的三个作业

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

  • 学习小组Day1笔记-Herobrine

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

  • HTML 列表

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

  • [note] HTML list|table|form

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

  • Markdown示例

    一级标题 二级标题 三级标题 无序列表 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 有序列表 插入...

  • MarkDown语法

    默认就是一个段落 1.无序列表 无序列表 无序列表 无序列表 2.有序列表 有序列表 有序列表 有序列表 3.链接...

  • 操作题

    彼岸花开 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表777莫得问题

  • 2018-12-13

    今天星期四 无序列表 无序列表 无序列表 有序列表 有序列表 有序列表 百度 加粗倾斜

  • alisa的Markdown笔记

    一级标题 这是一个引用。 列表 有序列表 有序列表 有序列表 无序列表 无序列表无序子列表 无序列表 代码 我是代...

网友评论

      本文标题:HTML-有序/无序列表-2018.06.26

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