首页 > 软件开发 > HTML >

如何在HTML里创建有序和无需列表

来源:互联网 2023-03-16 19:13:25 321

在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    新建一个文本文档,把名字改为index.txt。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 2

    !DOCTYPE html>ljZ办公区 - 实用经验教程分享!

    html>ljZ办公区 - 实用经验教程分享!

    head>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    /head>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    body>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    /body>ljZ办公区 - 实用经验教程分享!

    /html>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    指定一下文件类型,并且设定一下网页的框架。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 3

    !DOCTYPE html>ljZ办公区 - 实用经验教程分享!

    html>ljZ办公区 - 实用经验教程分享!

    head>ljZ办公区 - 实用经验教程分享!

    meta charset="utf-8">ljZ办公区 - 实用经验教程分享!

    title>网名/title>ljZ办公区 - 实用经验教程分享!

    /head>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    body>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    /body>ljZ办公区 - 实用经验教程分享!

    /html>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    然后我们设置一下文档的字符编码。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 4

    !DOCTYPE html>ljZ办公区 - 实用经验教程分享!

    html>ljZ办公区 - 实用经验教程分享!

    head>ljZ办公区 - 实用经验教程分享!

    meta charset="utf-8">ljZ办公区 - 实用经验教程分享!

    title>网名/title>ljZ办公区 - 实用经验教程分享!

    /head>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    body>ljZ办公区 - 实用经验教程分享!

    ol>ljZ办公区 - 实用经验教程分享!

    li>第一条/li>ljZ办公区 - 实用经验教程分享!

    li>第二条/li>ljZ办公区 - 实用经验教程分享!

    /ol>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    /body>ljZ办公区 - 实用经验教程分享!

    /html>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    使用ol就可以创建有序的列表。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 4相关内容未经许可获取自百度经验
  • 5

    !DOCTYPE html>ljZ办公区 - 实用经验教程分享!

    html>ljZ办公区 - 实用经验教程分享!

    head>ljZ办公区 - 实用经验教程分享!

    meta charset="utf-8">ljZ办公区 - 实用经验教程分享!

    title>网名/title>ljZ办公区 - 实用经验教程分享!

    /head>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    body>ljZ办公区 - 实用经验教程分享!

    ol>ljZ办公区 - 实用经验教程分享!

    li>第一条/li>ljZ办公区 - 实用经验教程分享!

    li>第二条/li>ljZ办公区 - 实用经验教程分享!

    /ol>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    ul>ljZ办公区 - 实用经验教程分享!

    li>某一条/li>ljZ办公区 - 实用经验教程分享!

    li>另一条/li>ljZ办公区 - 实用经验教程分享!

    /ul>ljZ办公区 - 实用经验教程分享!

    /body>ljZ办公区 - 实用经验教程分享!

    /html>ljZ办公区 - 实用经验教程分享!

    ljZ办公区 - 实用经验教程分享!

    如果不想为有序列表,那么可以用ul来创建,前面就会有个类似句号的。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 6

    这个时候需要另存文件,并且设置为utf-8。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 7

    然后把文件的后缀改为html,双击打开,就能看到效果了。ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

    如何在HTML里创建有序和无需列表ljZ办公区 - 实用经验教程分享!

  • 注意事项

    • 注意区分ol和ul的两者本质

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ljZ办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码