首页 > 软件开发 > HTML >

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

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

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

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

工具/原料

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

方法/步骤

  • 1

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

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

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

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

  • 2

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

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

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

    li>北京/li>Yaz办公区 - 实用经验教程分享!

    li>上海/li>Yaz办公区 - 实用经验教程分享!

    li>天津/li>Yaz办公区 - 实用经验教程分享!

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

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

  • 3

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

    disc,实心圆Yaz办公区 - 实用经验教程分享!

    circle,空心圆Yaz办公区 - 实用经验教程分享!

    square,实心方块Yaz办公区 - 实用经验教程分享!

    ul type="square">Yaz办公区 - 实用经验教程分享!

    li>北京/li>Yaz办公区 - 实用经验教程分享!

    li>上海/li>Yaz办公区 - 实用经验教程分享!

    li>天津/li>Yaz办公区 - 实用经验教程分享!

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

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

  • 4

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

    ul type="disc" dir="rtl">Yaz办公区 - 实用经验教程分享!

    li>北京/li>Yaz办公区 - 实用经验教程分享!

    li>上海/li>Yaz办公区 - 实用经验教程分享!

    li>天津/li>Yaz办公区 - 实用经验教程分享!

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

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

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

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

  • 5

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

    ul title="这是城市地址">Yaz办公区 - 实用经验教程分享!

    li>北京/li>Yaz办公区 - 实用经验教程分享!

    li>上海/li>Yaz办公区 - 实用经验教程分享!

    li>天津/li>Yaz办公区 - 实用经验教程分享!

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

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

  • 6

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

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

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

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

  • 6该信息非法爬取自百度经验
  • 注意事项

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

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


    标签: HTML

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