首页 > 软件开发 > HTML >

GIF动态图教学-H5语言13-无序列表(实例)

来源:互联网 2023-03-16 19:12:12 版权归原作者所有,如有侵权,请联系我们

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

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    无序列表ul标记:指没有先后顺序的列表形式,网页最常用的列表形式,当列举产品时是非常不错的选择,基本框架如图。FQ1办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

  • 2

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

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

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

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

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

    disc属性值,实心圆。FQ1办公区 - 实用经验教程分享!

    circle属性值,空心圆。FQ1办公区 - 实用经验教程分享!

    square属性值,实心方块。FQ1办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

  • 4

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

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

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

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

  • 5

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

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

  • 6

    id属性,指定的名字就像身份证号码一样,唯一性。FQ1办公区 - 实用经验教程分享!

    class属性,指定的名字就像人的名字一样,可以重名。FQ1办公区 - 实用经验教程分享!

    lang属性,设置文本的语言信息。FQ1办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言13-无序列表(实例)FQ1办公区 - 实用经验教程分享!

  • 注意事项

    • gif动态图将重复播放。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。

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


    标签: 软件HTML

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