代码编织梦想

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body bgcolor="bisque">
        <!-- 
            在ol有序列表标签和ul无序列表标签中都有一个type属性
                在有序列表标签中type属性值:
                    type="A"    表示排序符号是A、B、C、D...
                    type="a"    表示排序符号是a、b、c...
                    type="I"     表示排序符号是I、II、III...
                    type="1"    表示排序符号是1、2、3...
                
                在无序标签中type的属性值:
                    type="circle"  表示圆圈 ○
                    type="square"  表示黑色方块
                    type="disc"    表示黑色圆点

         -->
        <!--有序列表-->
        <ol type="I">
            <li>水果
                <ol type="A">
                    <li>苹果
                        <ol type="1">
                            <li>国光苹果</li>
                            <li>富士苹果</li>
                            <li>黄香蕉苹果</li>
                        </ol>
                    </li>
                    <li>西瓜
                        <ol>
                            <li>东北西瓜</li>
                            <li>本地西瓜</li>
                            <li>山东西瓜</li>
                        </ol>
                    </li>
                    <li>桃子
                        <ol>
                            <li>油桃</li>
                            <li>毛桃</li>
                            <li>蟠桃</li>
                        </ol>
                    </li>
                </ol>
            </li>
            <li>蔬菜
                <ol>
                    <li>韭菜</li>
                    <li>菠菜</li>
                    <li>白菜</li>
                </ol>
            </li>
            <li>甜点
                <ol>
                    <li>蛋糕</li>
                    <li>饼干</li>
                    <li>麻花</li>
                </ol>
            </li>
        </ol>
        <!--无序列表-->
        <ul type="circle">。
            <li>中国
                <ul type="square">
                    <li>北京
                        <ul type="disc">
                            <li>东城区</li>
                            <li>西城区</li>
                            <li>海淀区</li>
                            <li>朝阳区</li>
                        </ul>
                    </li>
                    <li>天津</li>
                    <li>上海</li>
                </ul>
            </li>
            <li>美国</li>
            <li>日本</li>
        </ul>
    </body>
</html>

在网页中的展示效果如下图:

                                                

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/heliuerya/article/details/128765343

列表标签-无序列表、有序列表和自定义列表-爱代码爱编程

列表标签 1)无序列表 无序列表的各个列表项之间没有顺序级别之分,是并列的。 基本语法 <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> 1.<ul></u

html有序列表标签圆点,什么是无序列表、有序列表 、定义列表?html列表标签学习笔记...-爱代码爱编程

本文介绍什么是列表标签?无序列表、有序列表 、定义列表?列表标签学习笔记,希望对html初学者有帮助!( HTML在线视频教程) 列表标签 什么是列表标签呢? 以平台区分有什么游戏?手游 pc游戏 家用机游戏 掌机游戏 以游戏类型区分有什么游戏?RPG ARPG MMORPG ACT FPS 以上两种就是一种列表标签,由数字或别

html有序列表标签圆点,什么是无序列表、有序列表、定义列表?html列表标签学习笔记...-爱代码爱编程

本文介绍什么是列表标签?无序列表、有序列表 、定义列表?列表标签学习笔记,希望对html初学者有帮助!( HTML在线视频教程) 列表标签 什么是列表标签呢? 以平台区分有什么游戏?手游 pc游戏 家用机游戏 掌机游戏 以游戏类型区分有什么游戏?RPG ARPG MMORPG ACT FPS 以上两种就是一种列表标签,由数字

html有序无序标签,HTML标签有序标签和无序标签-爱代码爱编程

1. 标签定义无序列表,所谓无序,是指以●、○、▽、▲等开头的,没有顺序的列表项目1.1  设置无序列表的类型—type 无序列表的默认符号是圆点(● )。 元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:disc(圆●)、circle(圆圈○     )、square(方块■ ) 2.

html无序列表包含的标签,html无序列表标签和有序列表标签使用实例详解-爱代码爱编程

这篇文章主要介绍了html无序列表标签和有序列表标签使用示例,需要的朋友可以参考下 一、上下层列表标签:: 上层dt 下层dd:封装的内容会被自动缩进的效果 代码如下: 运动户外 板鞋 篮球鞋 足球鞋 跑步鞋 二、定义有序列表: 属性: typ

html有序标签和无序标签合并,HTML标签有序标签和无序标签(示例代码)-爱代码爱编程

1. 标签定义无序列表,所谓无序,是指以●、○、▽、▲等开头的,没有顺序的列表项目1.1  设置无序列表的类型—type 无序列表的默认符号是圆点(● )。 元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:disc(圆●)、circle(圆圈○     )、square(方块■ ) 2.

2.列表标签(无序列表、有序列表、自定义列表)-爱代码爱编程

1.无序列表(重点) 2.有序列表(理解) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

html5 列表/表格标签_不负韶华ღ的博客-爱代码爱编程

标签概述 HTML的列表主要有三种,一种是无序列表,一种是有序列表,还有一种是说明列表。无序列表用<ul>标签来定义,有序列表用<ol>标签来定义,说明列表用<dl>标签来定义。对于无序