有序列表标签与无序列表标签
<!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>
在网页中的展示效果如下图:
有序列表标签与无序列表标签相关推荐
- 有序列表ol与无序列表ul用法
有序列表<ol>与无序列表ul用法 其中<li> 标签定义列表项目,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中 ...
- html列表黑色圆点是有序还是,网页HTML有序列表ol和无序列表ul
html语言中有序列表和无序列表有什么区别? 第一,有序列表的标签是 ,有start属性 ,最大序号为999 无序列表的标签是,无start属性 第二,的显示方式是列表前面有序号(序号形式由type属 ...
- 怎么改变html无序列表的字号,html无序列表代码 html5 无序列表的行距怎么设置
html语句怎么实现无序列表并排?就是两列怎么实现 无序列表并排111 无序列表并排222 css: - #list li{float:left;} float浮动就行了,最好给ol和li设定固定宽度 ...
- html怎么去掉无序列表符号,html无序列表怎么写?无序列表怎么去掉点?(图文)...
在网页中,可以用很多方法来排列文本项目,可以将多种项目没有顺序地排列在一起,也可以给每个项目赋予编号后再进行排列.此时,没有顺序的文本排列方式称为无序列表. 无序列表是项目列表,列表内容可以按任意顺序 ...
- python随机生成无序列表_python实现无序列表:链表
介绍链表前我们先了解下什么是列表. 在对基本数据结构的讨论中,我们使用 Python 列表来实现所呈现的抽象数据类型.列表是一个强大但简单的收集机制,为程序员提供了各种各样的操作.然而,不是所有的编程 ...
- 表格标签(合并单元格,列表结构标签thead, tbody,有序列表ol,无序列表dl )
表格用法: < table >< /table >是用于表格的标签. < tr >< /tr>标签用于定义表格中的行,必须嵌套在< table & ...
- html 无序列表去下划线,HTML基础标签的综合应用案例(颜色、斜体、加粗、下划线、a标签、无序列表、有序列表)...
什么是HTML l HTML(HyperText Mark-up Language)即超文本标记语言或超文本标签语言. l 何为超文本:"超文本"可以实现页面内可以包含图片.链接, ...
- 使用HTML5 nav标签和无序列表ul标签实现导航栏
<!doctype html> <html> <dead> <meta charset="UTF-8"> <style typ ...
- html 无序列表黑点,Html无序列表,子弹点问题
6 个答案: 答案 0 :(得分:1) 您需要以下内容: 然后只需添加padding:0的 .right-block ul li { list-style: none; background: url ...
最新文章
- stp:spanning tree protocol 生成树基本原理
- 计算机二级web题目(7.4)--综合应用题1
- 我的世界java和基岩版哪个好玩_我的世界:Java版本好玩还是基岩版好玩?老玩家看完后沉默了...
- 【华为云实战开发】6.Cocos游戏项目如何在云端开发
- python计算存款_python入门教程NO.8 用python写个存款利息计算器
- JavaScript组成
- activex 控件 过期_IE浏览器阻止过期ActiveX控件或将影响网银的使用-银行控件蓝屏...
- GBase 8c 备份控制函数(三)
- 卸载office2016密钥
- python 双冒号_python双冒号
- 在线文档转换接口 word,excel,ppt等在线文件转pdf、png
- 三星识别文字_Samsung OCR Software三星光学字符识别软件下载_Samsung OCR Software三星光学字符识别软件官方下载-太平洋下载中心...
- 树莓派RaspberryPi Zero W 快速安装tips
- 【游戏】GBA经典游戏《逆转裁判》1、2、3合集发布
- cupload怎么保存图片_微信透明头像怎么弄 专用透明头像图片更换设置教程
- Autodesk AutoCAD 2015 英文版+简体中文版,附有效注册机
- Diskman 重建分区表 (小莫)
- device mapper与device-mapper-persistent-data 和 lvm2
- 【腾讯鲜为人知的重武器4】秘密武器“数据挖掘”
- 毕业设计-基于 MAT LAB 的神经网络在股市预测中的应用
热门文章
- 苹果 Cocoa 编程规范 中文版
- 食品油炸过程中的真空压力精密控制解决方案
- 年薪百万交流python群
- 如何解决Windows 7的多重网络问题
- 【2020-10-26】APP逆向之某某健康(2)
- Kubernetes网络和集群性能测试
- nc 探测端口_使用 nc 命令检查远程端口是否打开
- 软考-信息系统项目管理师 - 第 3 章 项目立项管理
- 荣耀6如何升级android版本号,华为及荣耀可以升级Android8.0手机型号汇总,及其他机型升级预报...
- input获取焦点 原生js_原生js的input事件