无序列表

没有刻意顺序

示例

<ul><li>苹果</li><li>香蕉</li><li>西瓜</li>
</ul>

使用规范

< li>标签不能单独使用
< ul>的子标签只能是< li >标签
< li>标签内部可以放置任何标签,相当于一个容器

有序列表

<ol><li>苹果</li><li>香蕉</li><li>西瓜</li>
</ol>

type属性

设置编号

type属性值 意义
a 表示小写英文字母编号
A 表示大写英文字母编号
i 表示小写罗马数字编号
I 表示大写罗马数字编号
1 表示数字编号

start属性

设置起始值,必须为阿拉伯数字

reversed属性

指定列表中的属性是否是倒序排列的

定义列表

< dl >是定义列表,< dt >是数据项,< dl >是数据定义,解释说明

<dl><dt>苹果</dt><dd>苹果是一种常见的水果</dd>
</dl>

前端学习——HTML(二) 列表相关推荐

  1. 大前端学习记二开发准备

    此学习笔记主要是根据XX网大前端课程学习时的笔记整理. 目录 一.项目开发准备 1.1 开发环境搭建 1.1.1 虚拟机介绍 1.1.2 Vue-Cli 1.2 Linux中常见指令 1.3 Dock ...

  2. coderwhy前端学习笔记二

    1 第一个网页 2 认识HTML 3 开发工具 4 HTML元素(重点) 5 注释编写 开发第一个网页 – 记事本 新建一个.txt的文件         在其中添加一些文字,比如Hello Worl ...

  3. 前端学习--实现二维码识别功能

    概述: 最近所做的毕设项目正好与之前很火的共享单车相关,共享单车应用中很关键的一个部分就是扫码用车,但我之前没有做过相关的模块,在参考网上相关实现的教程时发现,基本上所有的二维码识别模块都是通过客户端 ...

  4. Web前端学习笔记二

    8.表格标签 <body><table><tr><td>姓名</td><td>姓别</td><td>年龄 ...

  5. web前端学习(二)html学习笔记部分(3)--range对象

    1.2.8  html5编辑api之range对象(一) 1.2.8.1  Range 对象基本概念 Range 对象的基本概念,通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按 ...

  6. 前端学习(二)Echarts入门——html实现简单echarts图例

    前一篇文章,我们已经将echarts的js文件导入到我们的项目中.现在,我们就开始来具体实现一下如何在html中插入我们的ecahrts图. 首先,我们可以去ecahrts官网找几个例图. 官网地址: ...

  7. 2016最新前端学习计划

    一.前端学习路线图 二.前端学习路线图--视频篇 六大 阶段 学完后目标 知识点 视频资源(附笔记+PPT+模板 +源码) 密码 准备篇 学习周期:15天 学完后目标: 1.熟悉媒体查询和响应式设计, ...

  8. 史上最全的前端学习路线图,干货满满

    史上最全的前端学习路线图,干货满满 前端很火,想自学前端的人也多.作为过来人,知道自学的辛苦.所以小编精心制作这份学习路线图,就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导. 此学习路线 ...

  9. 前端学习笔记之CSS3基础语法与盒模型(二)

    前端学习笔记之 CSS3基础语法与盒模型 CSS3简介 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本,增加了大量的样 ...

  10. 前端学习(四):body标签(二)

    进击のpython 前端学习--body标签 接着上一节,我们看一下还有没有什么网址 果不其然,在看到新闻类的网址的时候 我们发现还有许多的不一样的东西! 使用ul,添加新闻信息列表 这个样子是什么做 ...

最新文章

  1. 第十六届全国大学生智能汽车竞赛安徽赛区赛事指南
  2. qt creator linux安装教程,- Qt Creator下载和安装(详细教程)
  3. HDU 1412 {A} + {B}
  4. 有没有必要开项目周会
  5. PhoneGap API帮助文档翻译—Camera (摄像头)
  6. oracle中区间大小,Oracle的逻辑结构(表空间、段、区间、块)——总结
  7. P3357 最长k可重线段集问题(网络流/串联/拆点)
  8. java 协议处理器_协议处理器urlstreamhandler及contenthandler
  9. 从 Windows 换到 Mac,真没有想象中的那么难
  10. 工作的思考十四:增强看待问题(BUG)的敏锐度
  11. 如何连接文档服务器,如何连接服务器地址
  12. IntelliJ Idea学习笔记004--- idea修改格式化代码快捷键_顺带一个激活地址_以及常用快捷键
  13. htaccess是什么文件
  14. ubuntu装python3_ubuntu16.04安装python3的包报错
  15. 统计学习方法读书笔记11-决策树课后习题
  16. 二十四、Java集合框架(二)
  17. 百度离线地图API v3.0开发解决方案
  18. Spring Cloud 微服务架构图
  19. 怎么用PS为一寸证件照更换底色背景色
  20. Word 紧贴表格之后添加新行

热门文章

  1. [MAS]智能体交流 Agent Communication
  2. Windows电脑 添加 安卓或者苹果平板作为拓展屏(spacedesk )
  3. 鸿蒙坐骑九彩祥云,封神演义五大神兽坐骑排名,第一名太出人意料了!
  4. wps两列数据分别作为xy轴_一图胜千字:科研论文插图/数据处理和图表制作学习会(2019年12月2729日 上海)...
  5. linux回炉学习(七)
  6. python entry_tkinter常用控件演示(Entry)
  7. Charles华为手机保姆级安装过程
  8. 使用R语言绘制心形图
  9. 桔子菌和楼下超市田大爷的角色互换经历–Python做的商品价格语音播报器
  10. 豆豆趣事[2016年06月]