从零开始学web开发之html5-4.列表
1.有序列表
<1>.<ol></ol>-<li></li>·
语法:
<ol><li>项目1</li><li>项目2</li><li>项目3</li>
</ol>- ol：ordered list 有序列表
- li：list item 列表项
有序列表从<ol>开始，到</ol>结束，中间的列表项是<li>标签内容。
两者配合使用，没有单独使用，而且<ol>标签内部不能存在任何其它标签，一般情况只能存在<li>标签（忽略嵌套列表).
<2>.type属性
语法:
<ol type="符号类型"></ol>可以改变列表项前的项目符号，如默认是1、2、3，可换为a、b、c
说明:
| 属性值 | 列表项的序号类型 |
|---|---|
| 1 | 数字1,2,3.. |
| a | 小写英文字母a,b,c… |
| A | 大写英文字母A,B,C… |
| i | 小写罗马数字i、ii、iii… |
| I | Ⅰ、Ⅱ、Ⅲ… |
应该用CSS来控制样式，放弃用type属性。
css属性list-style-type
2.无序列表
<1>.<ul></ul>-<li></li>
语法:
<ul><li>项目1</li><li>项目2</li><li>项目3</li>
</ul>- ol：unordered list 有序列表
- li：list item 列表项
两者配合使用,ul标签内部一般情况下只能存在<li>标签
<2>.type属性
语法:
<ol type="符号类型"></ol>说明:
| 属性值 | 列表项的序号类型 |
|---|---|
| disc | 默认值，实心圆● |
| circle | 空心圆，○ |
| square | 实心正方形,■ |
使用CSS同上。
3.定义列表 <dl></dl>
语法:
<dl><dt>定义名词</dt><dd>定义描述</dd>
</dl>- dl即是definition list，定义列表 .，标记定义列表开始与结束。
- dt-definition term，定义名词，后面添加要解释的名词。
- dd-definition description,定义描述，后面则添加该名词的具体解释，会自动缩进标签。
4.示例链接,右键可查看源码
示例网页链接
从零开始学web开发之html5-4.列表相关推荐
- 从零开始学 Web 之 HTML5（一）HTML5概述，语义化标签
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- 从零开始学 Web 系列教程
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新-- github:https://github.com/Daotin/Web 微信公众号:前端队长 博客园:http://ww ...
- 从零开始学 Web 之 ES6（三）ES6基础语法一
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- 从零开始学 Web 之 移动Web（九）微金所案例
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- WEB开发之JavaScript与jQuery够用即可-庞永旺-专题视频课程
WEB开发之JavaScript与jQuery够用即可-49人已学习 课程介绍 JavaScript与jQuery完美结合发挥前端编写代码的优越性,提高开发速度.让代码理简洁.解决市面 ...
- 从零开始学 Web 之 BOM（四）client系列
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- 从零开始学 Web 之 DOM（六）为元素绑定与解绑事件
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... +-------------------------------------------------------- ...
- 移动web开发之rem布局（rem基础、媒体查询、 less 基础、rem适配方案）
移动web开发之rem布局 一.rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小. 不同的是rem的基准是相对于html元素的字体大小. 比如,根元素 ...
- 从零开始学 Web 之 Ajax（七）跨域
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
最新文章
- Python核心模块——urllib模块
- 纷享车链AutoChain首创之数据保险柜的解读
- Py之itchat：python库之itchat的简介、安装、使用方法之详细攻略
- Google IO 谈 AI First，我们却发现了更多
- Objective-C基础教程学习笔记（九）内存管理
- CentOS6.3 重启后/etc/resolv.conf 被还原解决办法
- 新型发明创造大赛计算机类,2017年发明杯全国高职高专大学生创新创业大赛
- [架构] 分布式和集群的区别
- Auto Layout 和 Constraints
- 生产环境可以用吗_柑橘可以生产果醋吗？柑橘果醋的生产工艺是什么？
- Linux网络编程--聊天室客户端程序
- springboot 设置ico_Spring Boot--Thymeleaf模板引擎/静态页面
- 人工智能技术在银行客服中心的应用风险
- 卷积神经网络的卷积核的每个通道是否相同？
- 分割 反比 权重图 梯度 灰度_numpy gradient梯度函数1
- 单相电能量计算机公式,电能与电压电流的关系及计算公式详解
- DTU服务器接收软件
- 手机版vmlogin怎么下载？VMlogin指纹浏览器适合哪些行业？
- 福利！H3CNE认证网络工程师GB0-191 考试试题库超详细解析-02。持续更新~~
- SQLmap-tamper详细介绍