首页 前端知识 前端编程之路一一HTML常用列表标签,学习网页前端开发

前端编程之路一一HTML常用列表标签,学习网页前端开发

2024-08-07 00:08:00 前端知识 前端哥 358 841 我要收藏

通常情况下使用的列表有三种,有序列表、无序列表和自定义列表。

一、有序列表ol

有序列表:有一定时间、先后、高低等顺序,如排名、热度,

ol,order list

只有一个类型的子元素

li,list item

搜索热点

    • HTC区块链手机
    • 军运会奖牌榜第一
    • 切尔西1-0纽卡
    • 微信钱包银行储蓄
    • 小学生偷开奥迪
      1. HTC区块链手机
      2. 军运会奖牌榜第一
      3. 切尔西1-0纽卡
      4. 微信钱包银行储蓄
      5. 小学生偷开奥迪
        1. HTC区块链手机
        2. 军运会奖牌榜第一
        3. 切尔西1-0纽卡
        4. 微信钱包银行储蓄
        5. 小学生偷开奥迪
          1. HTC区块链手机
          2. 军运会奖牌榜第一
          3. 切尔西1-0纽卡
          4. 微信钱包银行储蓄
          5. 小学生偷开奥迪
            1. HTC区块链手机
            2. 军运会奖牌榜第一
            3. 切尔西1-0纽卡
            4. 微信钱包银行储蓄
            5. 小学生偷开奥迪
            6. image

              二、无序列表ul

              无序列表:类别相同,但没有具体的顺序,一般用于导航栏、相关资,

              ul,unorder list

              只有一个类型的子元素

              li,list item

              相关资讯

              • Temporibus asperiores incidunt laborum.
              • Odit repellat placeat blanditiis!
              • Sit ipsam error consequatur.
              • Deserunt beatae molestiae assumenda.
              • Reiciendis aut deserunt soluta?
                • Lorem ipsum dolor sit.
                • Illo aliquid consequatur unde?
                • Est sequi quia nulla.
                • Voluptate enim officiis quas.
                • Iusto, et. Eos, nam.
                  • Maxime incidunt temporibus mollitia?
                  • Reprehenderit optio quibusdam ad.
                  • Natus labore impedit placeat?
                  • Tenetur rerum illum repellat!
                  • Ipsum officia laudantium distinctio!
                    • Veritatis id voluptatem vitae.
                    • Accusamus corrupti voluptate officiis?
                    • Exercitationem voluptatibus alias quod.
                    • Aut cumque ipsa dignissimos.
                    • Distinctio commodi eaque soluta?
                    • image

                      三、自定义列表dl

                      自定义列表:一般用于名词解释,用的蛮少的,

                      dl,defined list

                      dt,表示关键字(词)

                      dd,表示对dt的描述内容

                      名词解释

                      计算机
                      Lorem, ipsum dolor.
                      CPU
                      Quasi, aut beatae.
                      主板
                      Quam, assumenda fugit.

                      自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

                      深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

                      因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

                      img

                      既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

                      由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

                      如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

                      结尾

                      正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

                      以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

                      戳这里免费领取前端学习资料

                      img2.imgtp.com/2024/03/13/H4lCoPEF.jpg" />

                      结尾

                      正式学习前端大概 3 年多了,很早就想整理这个书单了,因为常常会有朋友问,前端该如何学习,学习前端该看哪些书,我就讲讲我学习的道路中看的一些书,虽然整理的书不多,但是每一本都是那种看一本就秒不绝口的感觉。

                      以下大部分是我看过的,或者说身边的人推荐的书籍,每一本我都有些相关的推荐语,如果你有看到更好的书欢迎推荐呀。

                      戳这里免费领取前端学习资料

                      前端学习书籍导图-1

                    转载请注明出处或者链接地址:https://www.qianduange.cn//article/14937.html
                    标签
                    评论
                    发布的文章

                    前端-axios应用在html文件

                    2024-08-15 23:08:39

                    大家推荐的文章
                    会员中心 联系我 留言建议 回顶部
                    复制成功!