酷狗列表页的html代码,html-列表实现

今天，我要实现的列表是这样的：

目标列表

列表实现的源代码参见github

完成这个列表我们来拆分一下任务吧，这个列表从外向里可划分为３层。

１．实现最外层的无序列表，代码是这样的：

JavaScript
Java

结果长成这样：

第一步结果图

２．实现中间层的有序列表，代码是这样的：

JavaScript
1. 第一章
2. 第二章
Java
1. 第一章
2. 第二章

第二步实现结果图：

第二步结果图

3.实现第三层的无序列表，代码长这样(这里是部分代码哦，在第二步的基础上增加)：

JavaScript

第一章
- const
- let
第二章
- function
- object

第三步的实现的结果是这样的：

第三步结果

好了，就这样三步这个简单的列表就完成了

小知识：

实现下面这样的无序列表在ul标签中加type="disc"或省略type不写

黑点无序列表

实现这样的无序列表在ul标签中加type="circle"

圆圈无序列表

实现这样的无序列表在ul标签中加type="square"

方块无序列表

酷狗列表页的html代码,html-列表实现相关推荐

关于酷狗的动态壁纸的代码（罗马时钟）
关于酷狗的动态壁纸的代码(罗马时钟) 可以自行换图片哦话不多说,上代码首先我们先看到酷狗的示例文件,需要一个css的文件和js的文件,img是你自己要的图片,如果要修改,记得重命名 margin: ...
让wordpress首页和分类列表页只显示文章标题列表
http://up2u.72pines.com/2009/07/rangwordpressshouyehefenleiliebiaoyezhixianshiwenzhangbiaotiliebiao/ ...
基于Qt的网络音乐播放器（四）酷狗API接口获取歌曲的搜索列表和歌曲的播放
2020博客之星年度总评选进行中:请为74号的狗子投上宝贵的一票! 我的投票地址:点击为我投票文章目录 1.效果图 2.准备好前面获取的酷狗api接口 3.网络歌曲搜索实现 4.网络歌曲播放的实现 ...
帝国列表页 pHP原代码页,帝国模板列表页和内容页的伪静态规则实现方法
在栏目设置----生成选项里面列表模式和内容页模式依然选择静态然后在其他一些选择是否生成列表页内容页的选项里面都选择不生成就可以了以下的是列表页的===================== ...
酷狗小试页面和简写代码
酷狗页面浮动做一个页面首先要做布局,布局订好,剩下的内容填充时不会太乱! 前几天老师讲的一个页面布局用浮动来展示, 酷狗官网部分页面如图鼠标上去时有阴影遮盖,下方的播放键也有一些hover效果. ...
帝国cms列表css文件,帝国cms列表页分页导航样式（列表式）修改方法
分以下几步: 一.找到列表分页函数甚至:系统 >> 系统参数设置 >> 信息设置 >> 列表分页函数(列表)[以列表为例] 把"sys_ShowListM ...
网页mp3提取器_用Python写一个酷狗音乐下载器！
[这就是标题] 距离上一次发推送差不多有一个月了ヽ(ー_ー)ノ做了一个小的酷狗音乐下载器,公众号内回复704就可以收到下载链接. 长下面这样. 双击打开,会提示让输入你要搜索的歌曲. 这里输入去流浪 ...
爬虫训练（三）：爬取酷狗音乐
今天趁机一鼓作气,把简单爬虫内容一次学习完毕,最后以爬取酷狗音乐排行榜歌曲作为结束,然后对此次学习做一个整理和总结.而且前两篇有些混乱,这里把内容做一次阶段性总结. 一.安装包爬虫三大包:reque ...
织梦DedeCMS列表页多条件联动筛选功能（移动端列表页使用电脑端模板问题解决）
原文:http://www.dedejs.com/html/article-571-1.html点击打开链接备注:按此文可以解决,但手机列表页会出问题.列表页移动端调用的还是电脑端模板. 此问题本人 ...

酷狗列表页的html代码,html-列表实现

酷狗列表页的html代码,html-列表实现相关推荐

最新文章

热门文章