html基础2——综合案例2——复杂的嵌套列表

奋斗的少年WH      2022-02-07     483

关键词:

 1 <html>
 2 
 3 <head>
 4 <title></title>
 5 </head>
 6 
 7 <body>
 8     <ul type="disc">
 9         <li>太阳</li>
10         <li>月亮</li>
11         <li>地球</li>
12         <li style="list-style: none">
13             <ul type="circle">
14                 <li>太阳</li>
15                 <li style="list-style: none">
16                     <ul type="square">
17                         <li>太阳</li>
18                         <li>月亮</li>
19                         <li>地球</li>
20                     </ul>
21                 </li>
22                 <li>月亮</li>
23                 <li style="list-style: none">
24                     <ul type="square">
25                         <li>太阳</li>
26                         <li>月亮</li>
27                         <li>地球</li>
28                     </ul>
29                 </li>
30                 <li>地球</li>
31                 <li style="list-style: none">
32                     <ul type="square">
33                         <li>太阳</li>
34                         <li>月亮</li>
35                         <li>地球</li>
36                     </ul>
37                 </li>
38             </ul>
39         </li>
40     </ul>
41 </body>
42 </html>

 实现效果如下:

  • 太阳
  • 月亮
  • 地球
    • 太阳
      • 太阳
      • 月亮
      • 地球
    • 月亮
      • 太阳
      • 月亮
      • 地球
    • 地球
      • 太阳
      • 月亮
      • 地球

html基础2——综合案例3——创建考试报名表格

1<html>23<head>4<title></title>5</head>67<body>8<tablewidth="600px"height="500px"cellspacing="0"border="1">9<tr>10<tdalign="left">姓名</td>11& 查看详情

java11-java基础语法类设计综合案例

Java11-java语法基础(十)类设计综合案例一、类综合设计方法1、类设计步骤(1)分析数据成员(2)分析成员方法和构造方法(3)画出类图(4)编码测试2、具体问题1)分析数据成员(1)访问控制修饰符(2)数据成员名称的定... 查看详情

sql数据分析之子查询的综合用法和案例题耐心整理

文章目录​​零、写在前面​​​​一、子查询基础用法​​​​二、子查询综合用法(难题)​​零、写在前面本文所有代码均是在SQLZOO平台进行,数据也该平台下的world表和一些其他平台提供的数据表,所有代码均已通过测... 查看详情

在 Python 2 中,无论列表的内容如何,​​如何按值而不是引用复制复杂嵌套元素的列表

...中,无论列表的内容如何,​​如何按值而不是引用复制复杂嵌套元素的列表【英文标题】:InPython2,howtocopylistofcomplexnestedelementsbyvalue,notreference,regardlessofthelist\'scontent【发布时间】:2018-01-0918:26:38【问题描述】:我遇到了一些关... 查看详情

零基础学习web前端开发:html第一部分基础知识的综合案例

零基础学习WEB前端开发(一):网站及web标准简介零基础学习WEB前端开发(二):HTML标签及开发工具零基础学习WEB前端开发(三):VsCode工具生成的代码框架分析零基础学习WEB前端开发(四):HTML文本编辑标签及分块标签零... 查看详情

python基础之控制结构(代码片段)

Python基础之控制结构0.学习目标1.代码块与缩进2.条件语句2.1if语句2.2if语句的嵌套2.3断言3.循环3.1while循环3.2for循环3.3中断循环4.控制语句综合嵌套5.列表解析式Python基础相关链接0.学习目标Python是简洁、易学、面向对象的编程语言... 查看详情

一文快速入门html网页基础(代码片段)

专栏简介:前端从入门到进阶题目来源:leetcode,牛客,剑指offer.创作目标:记录学习JavaEE学习历程希望在提升自己的同时,帮助他人,,与大家一起共同进步,互相成长.学历代表过去,能力代表现在,学习能力代表未来! 目录1.HTML结构1.1.认识... 查看详情

cc2530入门教程-增强版基础技能综合实训案例(基础版)-题目需求

【CC2530入门教程-增强版】基础技能综合实训案例(基础版)-题目需求广东职业技术学院 欧浩源一、引用  不管是简单的单片机应用,还是复杂的嵌入式系统,在我看来它们的本质结构是差不多的,都离不开“内核+外... 查看详情

前端基础之html(代码片段)

...构,表现,行为1.2什么是HTML1.3运行/编写HTML2.HTML基础2.1标签2.2元素2.3属性2.4HTML的HelloWorld2.5标签的嵌套3.HTML常用标签3.1标题3.2链接3.3段落3.3图片3.4换行3.5列表3.6表格3.7注释3.8块3.9表单结语题外话📢博客主页: 查看详情

黑马程序员前端-html+css综合案例:土豆网鼠标经过显示遮罩(代码片段)

...容了,因为篇幅问题,请看文末。今天开始学习综合案例目录1、学习目标2、核心原理3、参考代码4、往期汇总我们先来看看综合案例的效果图:​1、学习目标练习元素和显示与隐藏练习元素的定位2、核心原理原先半... 查看详情

列表综合

...们都是使用循环来处理列表中的每一个元素,而使用列表综合可以用一种更加精确、简洁、清楚的方法完成相同的工作。#!/usr/bin/python#Filename:list_comprehension.pylistone=[2,3,4]listtwo=[2*iforiinlistoneifi>2]printlisttwo现在明白了吧,但是结... 查看详情

html基础ulli无序列表的嵌套

礼悟:    公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。         虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。     &nb... 查看详情

从嵌套的元素列表中弹出元素列表

】从嵌套的元素列表中弹出元素列表【英文标题】:PopListofelementsfromanestedlistofelements【发布时间】:2022-01-0615:04:39【问题描述】:X=[[1,0],[1,1],[1,2],[1,3],[1,4],[1,5],[1,6],[1,7],[1,8],[1,9],[2,0],[2,1],[2,2],[2,3],[2,4],[2,5],[2,6],[2,7],[2,8],[2,9], 查看详情

前端基础一之html篇(代码片段)

...构,表现,行为1.2什么是HTML1.3运行/编写HTML2.HTML基础2.1标签2.2元素2.3属性2.4HTML的HelloWorld2.5标签的嵌套3.HTML常用标签3.1标题3.2链接3.3段落3.3图片3.4换行3.5列表3.6表格3.7注释3.8块3.9表单结语题外话📢博客主页: 查看详情

dom-节点对象+时间节点综合案例(代码片段)

...DOM元素内容和元素属性 /  定时器-间歇函数  /  事件基础 /    高阶函数  /  环境对象 / 综合案例-Tab栏切换 / DOM节点 /DOM时间对象发布微博案例 需求11.注册input事件2.将文本的内容的长度赋值给对应的数值3.表单的maxl... 查看详情

python基础入门笔记————字符串列表元组集合字典(代码片段)

文章目录一、字符串1.1字符串的创建1.2字符串切片1.3字符串常用操作1.3.1查找1.3.2修改1.3.3判断二、列表2.1列表的创建2.2列表常用操作2.2.1查找2.2.2判断2.2.3增加2.2.4删除2.2.5修改2.2.6复制2.3列表的循环遍历2.4列表嵌套三、元组3.1元组... 查看详情

更改嵌套列表的顺序

】更改嵌套列表的顺序【英文标题】:changetheorderofnestedlist【发布时间】:2017-03-1415:53:44【问题描述】:您好,感谢您的检查。我有一个列表,它有多个嵌套。我想更改这两个列表的顺序,我想知道这是否可以仅使用css?列表项1... 查看详情

c基础文件操作(代码片段)

...中3.3fgets和fputs函数3.4案例-实现文件拷贝3.5在文件拷贝的基础是增加加解密操作3.6案例-实现大数据排序3.7案例-实现读取源文件中的四则运算,读取完成后需要把结果填上并更新源文件3.8案例-给定格式的文本内容,取出里面年龄第... 查看详情