Html5之基础-7 HTML列表

一、列表的作用

列表的作用

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

      

(2) 所有的列表都是由列表类型和列表项组成

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

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

二、使用列表

有序列表<ol>

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

(2) <ol> 元素中只能包含列表项元素<li>

<ol type="列表类型" start="起始编号">

<li>...</li>

<li>...</li>

<li>...</li>

...

</ol>

(3) type 属性值

- 1,数字(默认)

- a, 小写字母

- A, 大写字母

- i, 小写罗马数字

- I, 大写罗马数字

无序列表<ul>

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

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

<ul type="列表类型">

<li>...</li>

<li>...</li>

<li>...</li>

...

</ul>

(3) type 属性值

- disc,实心圆(默认)

- circle,空心圆

- square,实心矩形

列表嵌套

(1) 将列表元素嵌套使用,可以创建多层列表

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

定义列表<dl>

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

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

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

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

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

时间: 2025-01-08 02:41:38

Html5之基础-7 HTML列表的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

HTML5 WebSockets 基础使用分享

摘要:HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话.今天彬Go将让大家通过Php环境的服务器端运行WebSocket,创建客户端并通过WebSockets协议发送和接收服务器端信息. 什么是WebSockets? WebSockets是在一个(TCP)接口进行双向通信的技术,PUSH技术类型.同时WebSockets仍将基于W3C标准,目前为止,Chrome和Safari的最新版本浏览器已经支持WebSockets了. WebSocket

python基础知识之列表、元祖、字典/字符串。

基础知识之列表: 列表用 [  ]来定义是可变的,可以通过索引值来去查询里面的字段可以可以追加,删除. 常用用法如下 names = ['zhang', 'zhuang', ['alx', 'bob'], 'chen', 'qiang'] print(len(names)) # 获取列表长度 print("aaffaa".count("a")) # 获取a在字符串出现的次数 print(names[1:3]) # 切片 print(names[-1]) # 获取最后

linux基础知识-链接列表

linux基础知识-链接列表 1. 安装centos 7 1.1 Linux的初识 1.2 centOS 7安装教程 1.3 centOS 7配置ip和网络问题排查 1.4 PuTTY和Xshell远程连接与密钥认证登录 1.5 单用户和救援模式 2. 文件与目录管理 1.6 系统目录结构.文件类型及相关命令 1.7 文件目录管理及相关的命令使用方法 1.8 centos7 的PATH.cp/mv/文档查看命令介绍 原文地址:https://blog.51cto.com/3622288/2370

Vue基础篇--5列表渲染v-for

Vue基础篇--5列表渲染v-for 1.用v-for把一个数组对弈为一组元素 我们用v-for指令根据一组数组选项列表进行渲染. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <script src="./vue.js"

HTML5基础篇之列表相关标签和特殊字符实体

HTML字符实体 常用的字符实体: 实体字符 字符实体 大于号 (>) > 小于号 (<) < 引号 (") " 注册商标(®) ® 版权(© ) © & 号 & 空格符:&nbsp:这个空格在不同浏览器下空的距离也不同:还有一个空格符它的空格显示在各个浏览器都是一个字符的空格  一个&emsp:为空一个两个就两格依次类推. 列表的相关标签 无序列表:<ul> <li>新闻一</li> <

HTML5/CSS3基础

1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编译,直接由浏览器执行 HTML文件是一个文本文件,包含了一些HTML元素,标签等 HTML文件必须使用.html或.htm为文件名后缀 HTML是大小写不敏感的,HTML与html是一样的 HTML是由W3C的维护的 HTML 是通向 WEB 技术世界的钥匙. 1.2 发展历史 HTML是从2.0版

第一章:HTML5的基础

HTML5基础 1.DoctYpe声明 <!DCTYPE html>必须放在第一行. <title> <title> 百度</title> <meta> <meta charset="UTF-8"/> <h1></h1>------<h6></h6> 提供了六级标签,所有标题字体加粗.<h1>最大<h6>最小 <p></p&g

.Net程序员之Python基础教程学习----列表和元组 [First Day]

一. 通用序列操作: 其实对于列表,元组 都属于序列化数据,可以通过下表来访问的.下面就来看看序列的基本操作吧. 1.1 索引: 序列中的所有元素的下标是从0开始递增的. 如果索引的长度的是N,那么所以的范围是-N~N-1之间,超过这个范围就会提示 IndexError:  index out of range >>> greeting ='Hello world' >>> print greeting Hello world >>> print gr