Html 教程（9）列表

1. 分为有序<ol>、无序<ul>和自定义列表<dl>。

1. 1 无序列表

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

浏览器显示如下：
Coffee
Milk

1. 2 自定义列表：

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

Coffee

black hot drink
Milk
white cold drink
2. 列表标签

ul: unordered lists无序列表
li: list item列表项目
ol: ordered lists有序列表
dl: definition lists自定义列表
dt: definition term自定义列表组
dd: definition description自定义列表描述
nl: navigation lists导航列表
tr: table row表格中的一行
th: table header cell 表格中的表头
td: table data cell 表格中的一个单元格

3. eg.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body><h1>My 列表</h1><table border="2" cellpadding="30"><tr><td><ul><li>Food</li><ol><li>薯片</li><li>棒棒糖</li><li>果冻</li><li>巧克力</li><li>辣条</li></ol><li>Fruits</li><ol type="A"><li>西瓜</li><li>桔子</li><li>哈蜜瓜</li><li>草莓</li><li>葡萄</li><li>香蕉</li><li>苹果</li></ol><li>Meat</li><ol type="I"><li>羊肉</li><li>牛肉</li><li>猪肉</li><li>鸡肉</li><li>涮羊肉</li><li>生鱼片</li></ol></ul></td></tr></table>
</body>
</html>

Html 教程（9）列表相关推荐

python十大操作方法_python最佳入门教程(19): 列表操作方法
1 教程引言本教程基于python3.x, 是针对初学者的一系列python入门教程,在知乎上常有人问我计算机该怎么学,如何自学编程,笔者也是通过自学编程而进入IT这一行业的,回顾入行的这几年,从音 ...
SVG 入门教程系列列表
SVG 入门教程系列列表: SVG 教程 (一) SVG 教程 (二)矩形 SVG 教程 (三)圆形,椭圆,直线 SVG 教程 (四)多边形,曲线,路径 SVG 教程 (五)文本,Stroke 属性, ...
零基础 Amazon Web Services (AWS) 入门教程（列表）
在 Amazon Web Services 上托管 Web 应用程序 Web 应用程序是指用户通过 Web 浏览器或专门的 Web 客户端访问的任何软件.Web 应用程序通常具有逻辑层级结构.例如, ...
Markdown教程--Markdown列表
Markdown教程–Markdown列表 Markdown 支持有序列表和无序列表. 无序列表使用星号().加号(+)或是减号(-*)作为列表标记,这些标记后面要添加一个空格,然后再填写内容: * ...
无涯教程 - Latex 列表(Lists)
Latex列表用于添加任何其他软件包,有三种类型的列表.一个是枚举(enumerate)列表,该列表会生成编号列表.第二个是 itemize ,用于项目符号列表.第三个是描述列表(descriptio ...
无废话ExtJs 入门教程十七[列表：GridPanel]
无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(521711109) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对 ...
css教程之列表属性
列表属性(相关css教程) CSS属性: 7.列表属性: 这里的属性用来描述列表(list)的一系列属性. list-style-type属性描述用于列表每一项前使用的符号: 属性名称: 'lis ...
Python教程：列表推导式和嵌套的列表推导式讲解
1.列表推导式列表推导式提供了一个更简单的创建列表的方法.常见的用法是把某种操作应用于序列或可迭代对象的每个元素上,然后使用其结果来创建列表,或者通过满足某些特定条件元素来创建子序列. 例如,假设我 ...
Python基础教程：列表（list）切片详细操作
1.正向范围取值关键点首位下标是 0 第一个数字是起始下标,第二个数字是结束下标(但最终结果不包含它) 例一: # 正向范围取值 - 字符串 strs ="https://www.bai ...
Python基础教程：列表、字典、集合推导式
下面是一个以列表推导式为例的推导式详细格式,同样适用于其他推导式. variable = [out_exp_res for out_exp in input_list if out_exp == 2] ...

Html 教程（9）列表

Html 教程（9）列表相关推荐

最新文章

热门文章

Html 教程 （9）列表

Html 教程 （9）列表相关推荐

最新文章

热门文章

Html 教程（9）列表

Html 教程（9）列表相关推荐