精华内容
下载资源
问答
  • 我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。有序列表现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。...

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

    有序列表

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

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

        它的代码模板是这样的:

      3. ...

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

    使用有序列表

    为有序列表添加列表项

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

    浏览器结果是:

    e1b9ec6d10d839397a709b4d8ea855ec.png

    列表嵌套

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

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

    使用有序列表和无序列表

    省份城市

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

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

    结果如下:

    190ccefc899946c4e6b55317c69480c5.png

    展开全文
  • 相关问题危险化学品不易存放高处,避免取用时容器坠落发生意外: 化学品 高处 时 容器 意外密封放射源是指:: 密封放射源 研究堆 动力 核燃料 循环 范畴 材料 以外 容器 层 固态 放射性 材料以下控件不属于容器...

    相关问题

    危险化学品不易存放高处,避免取用时容器坠落发生意外: 化学品 高处 时 容器 意外

    密封放射源是指:: 密封放射源 研究堆 动力 核燃料 循环 范畴 材料 以外 容器 中 层 固态 放射性 材料

    以下控件中不属于容器的是( )。: 以下 控件 中 容器 Image

    容器,试管,

    容器,中,理想,气体,压强,温度,内,分子,chaoxing.com/star3/origin/28eaf551c627cf4acd2b33cd8a8cad7e.gif,

    质量,理想,气体,容积,容器,内,现,气体,压力,气体,温度,热力学能,变化,温度,

    以下,形态,包装,金属,容器,

    高温,容器,容器,操作,温度,容器,室温,

    App,中,容器,组件,说法,容器,组件,容器,组件,中,

    定点,容器,系统,操作,运行,数学,模式,装车,人工,装车,方式,

    氧气,容积,容器,速度,运动,容器,其中,氧气,机械,运动,动能,气体,动能,气体,温度,压强,氧气,分子,刚性,分子,气体,常量,J,mol,Mmol,氧气,

    容器,插花,中,组成部分,

    容器,内,质量,氢气,氦气,气体,温度,气体,分子,动能,

    挥发性,稳定性,组分,土样,后,玻璃,容器,以下,

    锌中毒,措施,/p,/p,锌,铁桶,食醋,饮料,食品,加工,运输,贮存,过程,镀锌,容器,工具,补锌,产品,服用,医生,指导,下,

    孩子,水,容器,里,容器,形状,水都,孩子,认知,运算,

    空气,绝热,容器,中,自由膨胀,气体,温度,压力,变化,

    球形,容器,支座,支座,

    密封,容器,内,氧气,压强,温度,气体,分子,

    容器,工作压力,误差,

    范德瓦尔斯方程,中,容器,体积,

    容器,组件,组件,容器,

    容器,配置,文件,

    以下,JDBC,事务,JDBC,事务,容器,事务,类型,

    布局,容器,区域,

    次序,组件,容器,中,左,右,

    以下,选项,布局,容器,组件,

    放置,无菌,物钳,浸泡液,容器,每周,

    容器,支座,支座,载荷,容器,表,表,鞍,型号,支座,

    面板,组件,简介,滚动条,面板,容器,面板,组件,面板,中,组件,组件,中,中,

    展开全文
  • 1.无序列表的设置 无序列表使用 <ul>...</ul> 标签设置,其中每一个列表项使用 <li>...</li> 标签设置。 具体实例如下:?...嵌套无序列表的使用</title> </head&g

    1.无序列表的设置

    无序列表使用 <ul>...</ul> 标签设置,其中每一个列表项使用 <li>...</li> 标签设置。

    具体实例如下:👇👇👇 

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<title>嵌套无序列表的使用</title>
    	</head>
    	
    	<body>
    		<h1>网站建设流程</h1>
    		<ul>
    			<li>项目需求</li>
    			<li>系统分析
    				<ul>
    					<li>网站的定位</li>
    					<li>内容收集</li>
    					<li>栏目规划</li>
    					<li>网站目录结构设计</li>
    					<li>网站标志设计</li>
    					<li>网站风格设计</li>
    					<li>网站导航系统设计</li>
    				</ul>
    			</li>
    			<li>伪网页草图
    				<ul>
    					<li>制作网页草图</li>
    					<li>将草图转换为网页</li>
    				</ul>
    			</li>
    			<li>站点建设</li>
    			<li>网页布局</li>
    			<li>网站测试</li>
    			<li>站点的发布与站点管理</li>
    		</ul>
    	</body>
    </html>

     运行结果如下:

     

    2.建立不同类型的无序列表 

    通过使用多个 <ul type="...">...</ul> 标签,可以建立不同类型的无序列表。 

    具体实例如下:👇👇👇

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<title>建立不同类型的无序列表</title>
    	</head>
    	
    	<body>
    		<h4>Disc 项目符号列表:</h4>
    		<ul  type="disc">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ul>
    		<hr/>
    		<h4>Circle 项目符号列表:</h4>
    		<ul type="circle">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ul>
    		<hr/>
    		<h4>Square 项目符号列表:</h4>
    		<ul type="square">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ul>
    	</body>
    </html>

    运行结果如下:

     

    3.有序列表的设置 

    有序列表使用 <ol>...</ol> 标签设置,其中每一个列表项使用 <li>...</li> 标签设置。

    具体实例如下:👇👇👇 

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<title>有序列表的使用</title>
    	</head>
    	
    	<body>
    		<h1>HTML简单学习</h1>
    		<ol>
    			<li>网页的相关概念</li>
    			<li>网页与HTML</li>
    			<li>Web标准(结构、表现、行为)</li>
    			<li>网页设计与开发的过程</li>
    			<li>与设计相关的技术因素</li>
    			<li>HTML简介</li>
    		</ol>
    	</body>
    </html>

    运行结果如下:

     

    4.建立不同类型的有序列表 

    通过使用多个 <ol type="...">...</ol> 标签,可以建立不同类型的有序列表。 

    具体实例如下:👇👇👇

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<title>建立不同类型的有序列表</title>
    	</head>
    	
    	<body>
    		<h4>数字列表:</h4>
    		<ol>
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ol>
    		<hr/>
    		<h4>罗马列表:</h4>
    		<ol type="I">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ol>
    		<hr/>
    		<h4>字母列表:</h4>
    		<ol type="A">
    			<li>苹果</li>
    			<li>香蕉</li>
    			<li>柠檬</li>
    			<li>桔子</li>
    		</ol>
    	</body>
    </html>

    运行结果如下:

     

    5.嵌套列表的设置 

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<title>嵌套列表的使用</title>
    	</head>
    	
    	<body>
    		<h4>一个嵌套列表:</h4>
    		<ul>
    			<li>咖啡</li>
    			<li>茶
    				<ul>
    					<li>红茶</li>
    					<li>绿茶
    						<ul>
    							<li>中国茶</li>
    							<li>非洲茶</li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    			<li>牛奶</li>
    		</ul>
    	</body>
    </html>

    运行结果如下:

     

    6.自定义列表的设置 

    自定义列表通过使用 <dl>...</dl> 、<dt>...</dt>、 <dd>...</dd> 标签进行设置。

    具体实例如下:👇👇👇

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>自定义列表的使用</title>
    	</head>
    	
    	<body>
    		<h2>一个自定义列表:</h2>
    		<dl>
    			<dt>电脑</dt>
    			<dd>是一种能够按照程序运行的电子设备!!!</dd>
    			<dt>显示器</dt>
    			<dd>以视觉方式显示信息的装置!!!</dd>
    		</dl>
    	</body>
    </html>

    运行结果如下:

     

    展开全文
  • 有序列表无序列表、定义列表

    千次阅读 2021-04-18 10:32:32
    有序列表无序列表、定义列表 三种列表标签和语义 标签 语义 <u1></u1> 无序列表 <o1></o1> 有序列表 <d1></d1> 定义列表 无序列表 无序列表顾名思义就是“没有...

    有序列表、无序列表、定义列表

    三种列表标签和语义

    标签语义
    <u1></u1>无序列表
    <o1></o1>有序列表
    <d1></d1>定义列表

    无序列表

    无序列表顾名思义就是“没有可以顺序的”列表。它使用<u1></u1>标签,ul是英文unordered list(无序列表)的简写,而在<u1></u1>标签里面,每一个列表项都是<li></li>标签,li是英文list item(列表项)的简写。

    无序列表特点

    1、<ul>标签和<li>标签是一对父子组合标签,二者都不可单独使用。

    2、<ul>的子标签只能是<li>标签,其他任何标签都不行。

    3、<li>标签只能放到<ul>或者<ol>标签中。

    4、<li>标签是容器,它的内部可以放任何标签。如下面这段代码:

    <body>
        <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>葡萄</li>
            <li>
                橘子
                <p>橘子又便宜又好吃</p>
            </li>
        </ul>
    </body>

    可以看到<li>标签里面是可以放其他标签的,比如<p>标签,网页效果如下:

    在这里插入图片描述

    列表的嵌套

    因为<li>标签中可以放任何标签,因此可以在列表中在嵌套列表,但仍需要遵守上面的几点规则,如下面这段代码:

    <body>
        <ul>
            <li>
                <h2>长沙市</h2>
                <ul>
                    <li>雨花区</li>
                    <li>芙蓉区</li>
                    <li>天心区</li>
                </ul>            
            </li>
            <li>
                <h2>岳阳市</h2>
                <ul>
                    <li>君山区</li>
                    <li>岳阳县</li>
                    <li>岳阳楼区</li>
                </ul>
            </li>
            </li>
        </ul>
    </body>

    在这段代码中,可以看到,<ul>标签和<li>标签还是成对出现的,<ul>的子标签还是<li>标签,网页效果如下:

    在这里插入图片描述

    无序列表的tpye属性

    无序列表是有type属性的,用来定义前导符号的样式。

    描述
    disc默认值,实心圆
    circle空心圆
    square实心方块

    但在HTML5中基本已经不用的,用css代替。

    有序列表

    它使用<o1></o1>标签,ol是英文ordered list(无序列表)的简写,而在<o1></o1>标签里面,每一个列表项都是<li></li>标签,li是英文list item(列表项)的简写。因此有序列表特点跟无序列表差不多。

    <o1>标签的type属性

    <o1>标签可以设置type属性的,用来设置编号的类型。

    意义
    a表示小写英文字母编号
    A表示大写英文字母编号
    i表示小写罗马数字编号
    I表示大写罗马数字编号
    1表示数字编号(默认)

    这个看值就很容易理解其意义。

    <o1>标签的start属性

    start属性值必须是一个整数且必须为阿拉伯数字,是用来指定列表标号的起始值。

    <body>
        <h1>城市名称</h1>
        <ol type="A" start="3">
            <li>北京</li>
            <li>上海</li>
            <li>杭州</li>
            <li>深圳</li>
            <li>天津</li>
        </ol>
    </body>

    在这里插入图片描述

    可以看到城市名称按照大写英文字母编号,且从第三个字母开始。

    <o1>标签的reversed属性

    reversed属性指定列表中的条目是否是倒叙排列,该属性不需要值。

    定义列表

    需要逐条给出定义描述的列表就是定义列表。示例代码如下:

    <body>
        <dl>
            <dt>无序列表</dt>
            <dd>“没有可以顺序的”列表,列表项包含在&lt;li>&lt;/li>标签对中,无序列表以&lt;ul>&lt;/ul>定义,项目前有符号缩进</dd>
            <dt>有序列表</dt>
            <dd>列表项包含在&lt;li>&lt;/li>标签对中,有序列表以&lt;ol>&lt;/ol>定义,项目前有数字或者字母缩进</dd>
            <dt>定义列表</dt>
            <dd>需要逐条给出定义描述的列表</dd>
        </dl>
    </body>

    <dl>标签是英文definition list(定义列表)的简写,<dt>标签是英文data term(数据项)的简写,<dd>标签是英文data definition(数据定义)的简写。

    <dt>标签和<dd>标签出现在<dl>定义列表标签中,可以交替出现,也可以不交替出现,而是分别出现在不同的定义列表中。

    我们在使用定义列表时应该看语义,而不是看样式,只要语义上有’'解释说明“含义的文字,且为列表形态,就应该使用定义列表。

    展开全文
  • 今天给大家介绍网页中列表的写法,网页中的列表共分三种,分别是无序列表、有序列表和定义列表。一、无序列表1.1 什么是无序列表?无序列表就是没有顺序的列表,主要用于描述一组没有顺序的数据。1.2 无序列表的语法...
  • 无序列表中,和是配合使用的,是的父元素,是的子元素。2. 的子元素必须是,其它内容为非法嵌套。而内可以放任何标签,图片,链接等什么都可以的。的父元素必须是或。3.修改小圆圈图案,在css里设置list-style,...
  • 一、无序列表: 1.标签: 所有内容写在li里面 <ul> <li>内容1</li> <li>内容2</li> <li>内容3</li> <li>内容4</li> </ul> 2.结果: 3.常用结构...
  • HTML 支持有序无序和定义列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul> 标签。每个列表项始于 <li>。 例如
  • 无序列表 有序列表 自定义列表 无序列表: <ul>标签表示无序列表 一般会以项目符号呈现列表项 而列表项用<li>标签 一个爸爸 多个儿子 儿子 <ul> <li>列表项</li> <li>列表项&...
  • ,最大序号为999 无序列表的标签是,无start属性 第二,的显示方式是列表前面有序号(序号形式由type属性值决定) 的显示方式是列表前面没序号,只有圆点(圆点样式由type属性值决定)html中有序列表无序列表各指什么啊...
  • ul标签-无序列表

    2021-06-11 02:11:27
    有序列表的意思是使用编号来记录每个项目顺序,那么相反,无序列表的特征在于使用一种非编号的记录方式,它会在每一个项目文字之前,以符号的形式作为分项的标记,这些符号如:disc(圆点)、circle(圆圈)、square...
  • l网页文件本身是一种文本文件,它通过标记符号来标记要显示的网页的各个部分。l何为标记:当浏览器遇到对应的标签符号时 就实现对应的功能!l网页文件扩展名:.html 或 .htm书写规则HTML标签...
  • 我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。有序列表现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。...
  • html 有序无序列表 表单 密码框 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charest="UTF-8"/> <meta name="viewport"> <title>Demo</title> <style> <...
  • 有序列表or和无序列表ul源码下载在线测试显示效果本节课除了讲解列表标签外还要通过列表引出其它总结性的知识,列表只是一个引子,就如同大家学习外语,每一个节课讲解语法的前提是先学习几个单词,同时单词和语法有...
  • 列表标签2.1 无序列表(重点) 1. 表格标签 1.5 表格结构标签 使用场景:因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成表格头部和表格主体两大部分。 在表格标签,分别用:< thead>标签表格...
  • 1. 无序列表 ul <ul> <li>列表项1<...中只能嵌套<li></li>,直接在<ul></ul>标签输入其他标签或者文字的做法是不被允许的。 2. <li>与</li&g
  • ul li一、不能撮合ul下只能放li标签,li标签内可以纵脱何标签,虽然也大要在li内再放ul li组合列表标签。1、语法:列表内容一列表内容二列表内容三ul内可以或许放有数个li标签模式成效:ul li容易使用2、使用注明li...
  • 无序列表HTML无序列表基本结构为内容内容。...有序列表HTML中有序列表无序列表相似,结构为。其中每一对包含一行内容。我有一杯酒足以慰风尘千杯不解饮万杯苦沉沦有序列表具有type属性,值有1...
  • 我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧。有序列表现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去。...
  • 根据使用情景不同,列表可以分为三大类:无序列表有序列表和自定义列表。 第二部分 无序列表(重点) <ul>标签表示HTML页面汇总项目的无序列表,一般会以项目符号呈现列表项,而列表项使用<li>标签...
  • 标签 描述 <ol> 有序列表 <ul> 无序列表 <li> 列表项 <dl> 列表 <dt>...列表项 ...1.无序列表 ...2.有序列表 ...3.嵌套列表 使用标签:<ul>、<ol>...
  • 作用,这个标签的作用是可以在网页显示图片。我们还需要知道图片格式。IPs、pygy ef标签级别:文本级别标签,在使用的时候,你把它当中一个文字使用即可。单标签。常用属性: srC:英文全称[source],主要的作用是...
  • HTML的有序列表

    2021-06-26 08:08:55
    针对HTML的有序列表,由于平常使用的不是很多,刚开始使用的时候也是有遇到...序号的所占空间约在两个字符之间,但是又不算在Li空间里面,所以在写css样式的时候可能要注意好有序列表有几种项目1项目2项目3第一个typ...
  • 2.1无序列表 ★场景: 在网页表示一组无顺序之分的列表,如:新闻列表。 ★标签组成: 标签名 说明 ul 表示无序列表的整体,用于包裹li标签 li 表示无序列表的每一项,用于包含每一行的内容 ★显示...
  • 列表嵌套应用

    2021-09-24 15:48:23
    在使用列表时,列表也有可能包含若干子列表项,想要在列表定义子列表项就需要将列表进行嵌套。 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <...
  • HTML 列表

    2021-06-26 00:30:36
    HTML 支持有序无序和定义列表:HTML 列表有序列表The first list itemThe second list itemThe third list item无序列表List itemList itemList item在线实例无序列表本例演示无序列表有序列表本例演示有序列表。...
  • HTML——05-列表和标签

    2021-06-11 00:31:29
    列表标签(重点)学习目标理解无序列表的应用场景自定义列表的应用场景应用无序列表语法自定义列表语法列表, 表格是用来显示数据的,那么列表就是用来布局的。 因为非常整齐和自由概念:容器里面装载着结构,样式...
  • 37-无序列表

    2021-11-16 20:37:39
    根据使用场景不同,列表可以分为三大类:无序列表有序列表和自定义列表无序列表有序列表: 自定义列表: 2.1无序列表(重点) <ul>标签表示HTML页面项目的无序列表,一般会以项目符号呈现列表项...
  • 4.html列表标签

    2021-06-13 06:52:27
    网页有三种列表有序列表无序列表和定义列表,觉得无序列表用的比较多点啊。下面就先开始说下无序列表了。无序列表:用ul标签来表示无序列表列表里面的每一个列表项是li来表示。具体的效果如: 无序列表的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,968
精华内容 13,187
关键字:

无序列表中只能嵌套有序列表