首页 > 软件开发 > HTML >

HTML怎么写有序标签

来源:互联网 2023-03-16 19:16:20 131

怎么给网页添加有序标签?萌新快看这里。jYY办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Dreamweaver
  • 浏览器

方法/步骤

  • 1

    在word中,添加有序标签非常简单,如图所示,我们怎么在网页中做出这种效果呢?jYY办公区 - 实用经验教程分享!

    HTML怎么写有序标签?jYY办公区 - 实用经验教程分享!

  • 2

    首先,打开我们的Dreamweaver。jYY办公区 - 实用经验教程分享!

    HTML怎么写有序标签?jYY办公区 - 实用经验教程分享!

  • 3

    然后,再点击“文件”,新建一个HTML文件。jYY办公区 - 实用经验教程分享!

    HTML怎么写有序标签?jYY办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    在body>和/body>之间开始写代码,建议手敲代码。代码如图所示。jYY办公区 - 实用经验教程分享!

    Ps:jYY办公区 - 实用经验教程分享!

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">jYY办公区 - 实用经验教程分享!

    html xmlns="http://www.w3.org/1999/xhtml">jYY办公区 - 实用经验教程分享!

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

    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />jYY办公区 - 实用经验教程分享!

    title>无标题文档/title>jYY办公区 - 实用经验教程分享!

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

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

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

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

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

    li>功能区和选项卡/li>jYY办公区 - 实用经验教程分享!

    li>上下文选项卡/li>jYY办公区 - 实用经验教程分享!

    li>自定义功能区/li>jYY办公区 - 实用经验教程分享!

    li>快速访问工具栏/li>jYY办公区 - 实用经验教程分享!

    li>对话框启动器/li>jYY办公区 - 实用经验教程分享!

    li>后台视图/li>jYY办公区 - 实用经验教程分享!

    li>实时预览/li>jYY办公区 - 实用经验教程分享!

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

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

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

  • 5

    选择在“浏览器中预览”。jYY办公区 - 实用经验教程分享!

    HTML怎么写有序标签?jYY办公区 - 实用经验教程分享!

  • 6

    最终效果如图所示,达到word文档中的效果。jYY办公区 - 实用经验教程分享!

    HTML怎么写有序标签?jYY办公区 - 实用经验教程分享!

  • 注意事项

    • ol表示有序列表
    • li表示列表中的项

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


    标签: HTML

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