首页 > 软件开发 > HTML >

快速学会HTML语言-24-有序列表ul标记(实例)

来源:互联网 2023-03-16 19:11:41 132

先顶后看年薪百万,如果帮到了你,投个好评。96b办公区 - 实用经验教程分享!

快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    有序列表ol标记:有先后顺序的列表形式,如1、2、3或a、b、c等96b办公区 - 实用经验教程分享!

    基本框架96b办公区 - 实用经验教程分享!

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

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 2

    有序列表,从ol>起始标记到/ol>结束标记完成。96b办公区 - 实用经验教程分享!

    一个li标记表示一个列表项。96b办公区 - 实用经验教程分享!

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

    li>张三/li>96b办公区 - 实用经验教程分享!

    li>李四/li>96b办公区 - 实用经验教程分享!

    li>王五/li>96b办公区 - 实用经验教程分享!

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

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 3

    type属性:设置列表项前面的符号96b办公区 - 实用经验教程分享!

    1,数字1、2、3、4……96b办公区 - 实用经验教程分享!

    a,小写英文字母a、b、c、d……96b办公区 - 实用经验教程分享!

    A,大写英文字母A、B、C、D……96b办公区 - 实用经验教程分享!

    i,小写罗马数字i、ii、iii、iv……96b办公区 - 实用经验教程分享!

    ol type="I">96b办公区 - 实用经验教程分享!

    li>张三/li>96b办公区 - 实用经验教程分享!

    li>李四/li>96b办公区 - 实用经验教程分享!

    li>王五/li>96b办公区 - 实用经验教程分享!

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

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 4

    title属性:标记的标题,鼠标放在文本上会显示信息。96b办公区 - 实用经验教程分享!

    ol title="这是名字">96b办公区 - 实用经验教程分享!

    li>张三/li>96b办公区 - 实用经验教程分享!

    li>李四/li>96b办公区 - 实用经验教程分享!

    li>王五/li>96b办公区 - 实用经验教程分享!

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

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 5

    如果想把5当做初始数字怎么做?96b办公区 - 实用经验教程分享!

    这时就用到了start属性96b办公区 - 实用经验教程分享!

    ol start="5">96b办公区 - 实用经验教程分享!

    li>张三/li>96b办公区 - 实用经验教程分享!

    li>李四/li>96b办公区 - 实用经验教程分享!

    li>王五/li>96b办公区 - 实用经验教程分享!

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

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 6

    dir属性:设置文本方向96b办公区 - 实用经验教程分享!

    ol dir="rtl">96b办公区 - 实用经验教程分享!

    li>张三/li>96b办公区 - 实用经验教程分享!

    li>李四/li>96b办公区 - 实用经验教程分享!

    li>王五/li>96b办公区 - 实用经验教程分享!

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

    rtl:从右至左96b办公区 - 实用经验教程分享!

    ltr默认。从左向右的文本方向。96b办公区 - 实用经验教程分享!

    快速学会HTML语言-24-有序列表ul标记(实例)96b办公区 - 实用经验教程分享!

  • 注意事项

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

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


    标签: HTML

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