美文网首页ThoughtWorks创新实验室
这个列表是如何实现的?

这个列表是如何实现的?

作者: 肆意木 | 来源:发表于2016-11-28 23:01 被阅读9次
题目要求

如何实现上面这个列表?


1.先实现最大的无序列表,代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<ul>

<li>JavaScript</li>

<li>Java</li>

</ul>

</body>

<html>

页面显示

2.实现里面的有序列表,代码如下:

<body>

<ul>

<li>JavaScript</li>

<ol>

<li>第一章</li>

<li>第二章</li>

</ol>

<li>Java</li>

<ol>

<li>第一章</li>

<li>第二章</li>

</ol>

</ul>

</body>

页面显示

3.完成最后的无序列表,代码如下:

<body>

<ul>

<li>JavaScript</li>

<ol>

<li>第一章</li>

<ul>

<li>const</li>

<li>let</li>

</ul>

<li>第二章</li>

<ul>

<li>function</li>

<li>object</li>

</ul>

</ol>

<li>Java</li>

<ol>

<li>第一章</li>

<ul>

<li>class</li>

<li>package</li>

</ul>

<li>第二章</li>

<ul>

<li>private</li>

<li>public</li>

</ul>

</ol>

</ul>

</body>

页面显示

以上就是完成这个练习的三个步骤。

相关文章

  • 这个列表是如何实现的?

    如何实现上面这个列表? 1.先实现最大的无序列表,代码如下: Title ...

  • HTML练习——列表与表格

    练习: 1、说明下面这个列表是如何实现的:列表2、说明以下表格是如何实现的:表格 练习一 练习一主要是对于列表的练...

  • dedecms 首页实现分页

    这个是利用自由列表来实现,做此标记 如何通过自由列表功能实现DedeCMS织梦首页分页 1 2 3 4 5 6 7...

  • 用HTML来写列表

    考虑用html如何实现以下列表: 要实现的是有序列表和无序列表以及嵌套列表的结合 有序列表: 定义和用法: ...

  • html-列表实现

    今天,我要实现的列表是这样的: 列表实现的源代码参见github 完成这个列表我们来拆分一下任务吧,这个列表从外向...

  • Python 修改内置类型

    之前写到过如何实现列表切分,那如何让这个 list 的 partition 函数可以像 str.partition...

  • Markdown基本语法学习

    如何实现标题样式 #一级标题 ...... ####四级标题 如何实现有序列表无需列表? -首先 -其次 -最后 ...

  • 多级列表

    下面这个列表是怎么实现的呢?

  • 2019-01-11

    方法列表(objc_method_list)结构 先了解方法结构 方法列表结构 分类是如何实现的? categor...

  • drf 中的ListAPIView视图

    写一个类继承ListAPIView返回列表数据 这样就实现了返回列表数据,如何实现的,首先查看ListAPIVie...

网友评论

    本文标题:这个列表是如何实现的?

    本文链接:https://www.haomeiwen.com/subject/hfxapttx.html