首页 > 软件开发 > HTML >

快速学会HTML语言-26-列表技巧(实例)

来源:互联网 2023-03-16 19:11:51 419

如果帮到了你,投票,多多投票,谢谢。bky办公区 - 实用经验教程分享!

快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    li标记的value属性,在"ol有序列表"中用来改变项目符号的初始值,同时接下来的项目符号也随之改变。value属性只对ol标记有效,对ul标记无序列表无效。bky办公区 - 实用经验教程分享!

    ol type="1">bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li value="5">内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

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

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 2

    如果项目符号是小写字母,哪么设置value="5",会有什么效果?bky办公区 - 实用经验教程分享!

    如图效果bky办公区 - 实用经验教程分享!

    ol type="a">bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li value="5">内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

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

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 3

    dl自定义列表标记,是条目和注释的组合。bky办公区 - 实用经验教程分享!

    dt标记,定义条目。bky办公区 - 实用经验教程分享!

    dd标记,描述条目。bky办公区 - 实用经验教程分享!

    dt和dd标记是放在dl标记中,dt和dd属于同等级,dt标记不能放在dd标记中,dd标记也不能放在dt标记中。bky办公区 - 实用经验教程分享!

    dl>bky办公区 - 实用经验教程分享!

    dt>水果/dt>bky办公区 - 实用经验教程分享!

    dd>苹果/dd>bky办公区 - 实用经验教程分享!

    dd>香蕉/dd>bky办公区 - 实用经验教程分享!

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

    dt>蔬菜/dt>bky办公区 - 实用经验教程分享!

    dd>白菜/dd>bky办公区 - 实用经验教程分享!

    dd>萝卜/dd>bky办公区 - 实用经验教程分享!

    /dl>bky办公区 - 实用经验教程分享!

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 4

    菜单列表标记menu,并不赞成使用,一般使用ul标记代替。所以只了解下。bky办公区 - 实用经验教程分享!

    菜单列表主要用于设计单列的菜单列表。bky办公区 - 实用经验教程分享!

    menu>bky办公区 - 实用经验教程分享!

    li>首页/li>bky办公区 - 实用经验教程分享!

    li>软件中心/li>bky办公区 - 实用经验教程分享!

    li>下载中心/li>bky办公区 - 实用经验教程分享!

    li>联系我们/li>bky办公区 - 实用经验教程分享!

    /menu>bky办公区 - 实用经验教程分享!

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 5

    目录列表dir,并不赞成使用,一般使用ul标记代替。所以只了解下。bky办公区 - 实用经验教程分享!

    目录列表主要用于显示文件内容的目录大纲。bky办公区 - 实用经验教程分享!

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 6

    列表的嵌套:ol有序列表和ul无序列表可以任意相互嵌套使用。bky办公区 - 实用经验教程分享!

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

    li>内容/li>bky办公区 - 实用经验教程分享!

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

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

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

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

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

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

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

    li>内容/li>bky办公区 - 实用经验教程分享!

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

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

    快速学会HTML语言-26-列表技巧(实例)bky办公区 - 实用经验教程分享!

  • 6本页面未经许可获取自百度经验
  • 注意事项

    • 如果有疑问,请在下方评论,小编会在第一时间回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
    • gif动态图将重复播放。

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


    标签: HTML

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