html和css有序列表,HTMLCSS基础学习笔记14—有序列表及列表嵌套

news2024/2/27 5:26:09

我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。

有序列表

现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。HTML里用

  1. 标签来表示有序列表,
    1. 标签的列表项依然是用
    2. 标签表示。

      它的代码模板是这样的:

    3. ...

看看他的具体代码实现是怎样的吧:html>    

使用有序列表      

为有序列表添加列表项

  
  1. 开会
  2. 写报告
  3. 睡觉     
    

浏览器结果是:

aa85ae394f968a302408c4a36d737f84.png

列表嵌套

我们知道标签是可以嵌套的,所以列表也是可以嵌套的。当我们列表中的某些列表项是列表时,我们就可以用嵌套。

现在就通过一个例子来看看无序列表和有序列表是如何嵌套使用的吧:html>    

使用有序列表和无序列表      

省份城市

  
  • 安徽省
  • 北京市
  • 重庆市
  • 福建省
  • 甘肃省
    • 兰州市
    • 嘉峪关市
    • 金昌市
      
    

结果是怎样的呢?不妨前去http://www.mayacoder.com/lesson/lesson?lesson_id=31&knowledge_id=4 体验看看吧。

结果如下:

8a617cc715461416cc03568973adf06c.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://nwjs.net/news/300073.html

如若内容造成侵权/违法违规/事实不符,请联系七分地网进行投诉反馈,一经查实,立即删除!

相关文章

华硕笔记本BIOS设置详解

BIOS是英文Basic Input/Output System的缩写,即基本输入输出系统,合理的BIOS设置可以让我们的电脑更好的为我们服务,但由于大部分笔记本的BIOS界面是英文,并且BIOS里面的某些关键选项稍有差池就会导致各种各样的问题,导…

发表论文不用愁,十大技巧治秃头

鱼羊 编译整理 量子位 报道 | 公众号 QbitAI做研究跟发文章,完全是两码事。实验一时爽,落笔火葬场。好不容易憋出了初稿,又有多少研究僧跪在了反复修改的漫漫长路上。对于很多科研党来说,比起嗑盐的过程,恐怕写文章更让…

Ext4 MVC CRUD操作

项目目录结构如下&#xff1a; &#xff08;1&#xff09;index.html <!DOCTYPE html> <html><head><title>用户管理</title><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial…

手机拍视频,实时换背景,继马卡龙玩图后,Versa又出了一款更厉害的App

郭一璞 发自 凹非寺 量子位 报道 | 公众号 QbitAI在前不久荣耀9X的发布会上&#xff0c;一个名叫绿幕侠的App亮相了。现场的展示中&#xff0c;这个App能让手机拍摄的视频&#xff0c;产生电影绿幕一般的效果&#xff0c;实时从视频中去掉背景&#xff0c;只保留主角人物&#…

html中多边形图形怎么制作,CSS制作图形速查表

前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单&#xff0c;方便大家急用时有地方可查。别的不多说了&#xff0c;直接看代码。为了节省时间&#xff0c;下面图形都采用的一个标签&#xff0c;可以是块元素…

unity学习

2019独角兽企业重金招聘Python工程师标准>>> 1.发布ios应用的时候会生成一个xcode工程。已经发布过ios&#xff0c;再次发布的时候可以选择replace 或者是append原xcode工程。如果ios工程是不同unity版本创建的&#xff0c;那么不能append。但是如果我们修改过ios的…

腾讯AI击败王者荣耀职业队,全靠自学、策略清奇,一天训练量为人类440年

问耕 发自 麦蒿寺量子位 出品 | 公众号 QbitAI王者峡谷&#xff0c;风云突变。一场激烈的对战正在进行&#xff0c;左侧是五位人类职业电竞高手组成的赛区联队&#xff0c;另一方是……嗯&#xff1f;他们的对手没有出场&#xff1f;五个座椅空空荡荡&#xff1f;不。他们的对手…

mfc 内嵌 本地html,MFC程序中内嵌网页,附示例工程

最近在课程设计&#xff0c;因为小悠太懒了&#xff0c;是在不想用C完成一些简单的文件上传下载操作&#xff0c;于是就想着将网页内嵌到程序中&#xff0c;上传下载神马的就直接使用网页Web来完成就好了&#xff0c;本示例中将演示在MFC程序中内嵌一个html网页介绍一下原理首先…

最高5000倍加速模拟物理世界,育碧在修复bug上又进一步

晓查 发自 凹非寺量子位 出品 | 公众号 QbitAI“买bug送游戏”对育碧游戏的玩家来说简直是常态。即使是育碧的当家游戏《刺客信条》、《孤岛惊魂》系列也是bug也是多到令人发指。比如《刺客信条&#xff1a;大革命》中&#xff0c;主角的脸部建模突然失控&#xff0c;变成一张“…

AI帮你靠“想象”打字:手机电脑软键盘也能盲打了,准确率能达到95%

铜灵 发自 凹非寺量子位 出品 | 公众号 QbitAI有了机器学习&#xff0c;没有软键盘还能照样打字。凭啥&#xff1f;凭想象。来自韩国科学技术高级研究院在一项最新研究中&#xff0c;提出了一种完全靠想象的键盘&#xff1a;I-Keyboard&#xff0c;这个界面上看不到软键盘上的字…

php curl 内容采集

2019独角兽企业重金招聘Python工程师标准>>> function contentCollection($url){$data array(list>null,status>0);if(!$url){$data[info] 请传入采集地址;return $data;}if(!preg_match("/^http/", $url)){$url http://.$url;}preg_match("…

文科生如何入门机器学习:先看看这篇零基础教程,再多算几遍吧

晓查 发自 凹非寺量子位 出品 | 公众号 QbitAIAI技术变得越来越热门&#xff0c;很多人开始转行进入这一领域&#xff0c;其中当然也不乏文科生。他们在普遍缺乏大学数学知识的情况下&#xff0c;就不能入门机器学习了吗&#xff1f;最近有位Reddit网友David Code&#xff0c;他…

B站最火数学视频3Blue1Brown是如何制作的

授权转发自 知乎网友 李狗嗨原文地址&#xff1a;https://www.zhihu.com/question/57357012/answer/723888621相信很多人都知道3Blue1Brown&#xff0c;这是一个由斯坦福大学的数学系学生Grant Sanderson 创建的YouTube 频道。该频道从独特的视觉角度解说高等数学&#xff0c;内…

计算机硬件与游戏发展史,电脑硬件的发展历程中 什么是电竞SSD?

原标题&#xff1a;电脑硬件的发展历程中 什么是电竞SSD&#xff1f;身处21世纪的人们&#xff0c;早已经习惯了各类电子设备的充斥&#xff0c;并全方位的体验着智能设备所带来的便利。那么&#xff0c;我们平常所熟知的计算机设备&#xff0c;到底由那些重要部件组成&#xf…

滴滴正式分拆无人车业务,复刻Uber上市路径,传孙正义再加持

李根 发自 凹非寺 量子位 报道 | 公众号 QbitAI滴滴无人车&#xff0c;终于也官宣分拆了。今天&#xff08;8月5日&#xff09;滴滴出行宣布旗下自动驾驶部门&#xff0c;升级为独立公司&#xff0c;专注于自动驾驶研发、产品应用及相关业务拓展。滴滴出行CTO张博兼任自动驾驶新…

unity3d 动画中断并重新播放的解决办法

为什么80%的码农都做不了架构师&#xff1f;>>> 如果想中断某个正在播放的动画&#xff0c;然后重新播放&#xff1f; 比如玩家被敌人击中了&#xff0c;正在播放被击中的动画&#xff0c;不巧紧接着玩家又被敌人击中一次&#xff0c;此时就得中断动画并重新播放。…

BAT华为美团头条面试考什么?这份GitHub万星资源,告诉你面试题+答案+出题人分析...

铜灵 发自 凹非寺量子位 出品 | 公众号 QbitAI2020校招脚步临近&#xff0c;怎样备战即将到来的面试&#xff0c;在众多面试者中脱颖而出惊艳到面试官&#xff0c;化身大厂Offer收割机&#xff1f;GitHub上就有这样一个万星资源&#xff0c;整理了BAT华为、滴滴、头条等大厂可能…

FILO微型计算机,IBM-PC微机组成原理(ppt48)-咨询报告【PPT课件】

IBM-PC微机组成原理(ppt48)-咨询报告【PPT课件】2020-09-24 08:52:06【导读】微型计算机中的中央处理器也叫微处理器。运算器和控制器。件完成指定功能的各项操作。主存储器是用于存放程序和数据的部件。对每个存储单元内容的存和取是按照地址进。储一个二进制数0或1。每8位组成…

免费机器学习课程爆红:从概率与统计到全栈深度学习,英伟达工程师小姐姐整理...

乾明 发自 凹非寺 量子位 报道 | 公众号 QbitAI有一份适合按顺序依次学习的免费机器学习资源&#xff0c;在Twitter上火了。一天之间便获得5.9K点赞和1.5K转发。评论区中&#xff0c;”Thanks for sharing“此起彼伏&#xff0c;还有不少人呼朋唤友来观看。那么&#xff0c;这到…