Html5之基础-7 HTML列表

一、列表的作用

列表的作用

（1）列表是指将具有相似特征或者具有先后顺序的几行文字进行对齐排列

（2）所有的列表都是由列表类型和列表项组成

- 列表类型: 有序列表 <ol> 和无序列表 <ul>

- 列表项: <li>,用于指示具体的列表内容

二、使用列表

有序列表<ol>

（1） <ol> 元素编写有序列表，用于列出页面上有特定次序的一些项目

（2） <ol> 元素中只能包含列表项元素<li>

...

</ol>

（3） type 属性值

- 1，数字(默认)

- a, 小写字母

- A, 大写字母

- i, 小写罗马数字

- I, 大写罗马数字

无序列表<ul>

（1） <ul>元素表示无序列表，用于列出页面上没有特定次序的一些项目

（2） <ul>元素中只能包含具体的列表项元素<li>

...

</ul>

（3） type 属性值

- disc,实心圆(默认)

- circle,空心圆

- square,实心矩形

列表嵌套

（1）将列表元素嵌套使用，可以创建多层列表

- 常用于创建文档大纲、导航菜单等

定义列表<dl>

（1）定义列表往往用于要给出一类事物的定义的情形，如名词解释，字典等

- <dl>标记定义一个定义列表

- <dt>标记定义了定义列表中的一个术语

- <dd>标记对定义列表中的术语提供定义

总结：本章内容主要介绍了下 HTML列表使用方法。

转载于:https://blog.51cto.com/jasonteach/1752865

Html5之基础-7 HTML列表相关推荐

HTML5的知识分享（一）：HTML5的基础标签
标签是什么? 标签是HTML语言是基本的元素和组成部分,它使一个网页分出范围.内容区.解释区以及各种内容的引用.简单地说,标签是使网页内各种内容相互区分,使内容与数据更加有序的.特殊的.约定好的符号. ...
【前端就业课第一阶段】HTML5 零基础到实战（六）表格详解
注意:手机(APP)打开,内容显示更佳,不会的私聊博主即可想要拿代码或加入学习计划(** 博主会监督你并且教你写文章 **)的拉到最下面(PC端Web打开)加博主即可,目录也在最下面. 参加博主前端 ...
HTML5的基础知识的梳理及常用标签
HTML5的基础知识的梳理及常用标签 1.HTML5的介绍前端:展示页面.与用户交互 - HTML 后端:数据的交互和传递 - JavaEE/JavaWeb 1.前端开发的工作模式网页的组成部分( ...
10分钟HTML5入门基础知识（一）
毫无疑问,对于开发人员而言, HTML5 已是一个热点话题.如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择. 本文来自The Code Project的付费搜索位置,由Solut ...
盗雪html5入门基础视频教程全集下载
盗雪html5入门基础视频教程适合从没接触过html的童鞋使用,不管是html4还是xhtml 1.0,又或者是最新的html5都可以先看看这个视频,从最基础的开始讲起.看完整套视频后你就可以写出自己 ...
【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...
linux基础知识-链接列表
linux基础知识-链接列表 1. 安装centos 7 1.1 Linux的初识 1.2 centOS 7安装教程 1.3 centOS 7配置ip和网络问题排查 1.4 PuTTY和Xshell远 ...
萌新向Python数据分析及数据挖掘第一章 Python基础第三节列表简介第四节操作列表...
第一章 Python基础第三节列表简介列表是是处理一组有序项目的数据结构,即可以在一个列表中存储一个序列的项目.列表中的元素包括在方括号([])中,每个元素之间用逗号分割.列表是可变的数据类型, ...
Python基础数据之列表知识（二）
Python基础数据之列表知识(二) 一.列表的特点二.列表的排序三.列表的嵌套 1.嵌套的基本使用 2.嵌套的示例四.列表的循环删除五.列表相关知识链接一.列表的特点 1.有序 2.独立 ...

Html5之基础-7 HTML列表

Html5之基础-7 HTML列表相关推荐

最新文章

热门文章