HTML基础之列表 - 代码天地

HTML基础之列表

其他 2020-03-22 11:06:47 阅读次数: 0

三类列表

有序列表
无序列表
自定义列表

常用列表标签

标签	描述
ol	定义有序列表
ul	定义无序列表
li	定义列表项
dl	定义自定义列表
dt	自定义列表项目
dd	定义自定义列表的描述

代码示例

有序列表

<!DOCTYPE html>
<html>
<body>
<h4>Numbered list:</h4>
<ol> 
<li>Apples</li>
<li>Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li>
</ol>  
<h4>Letters list:</h4><ol type="A"> <li>Apples</li> 
<li>Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li>
</ol>  
<h4>Lowercase letters list:</h4>
<ol type="a"> 
<li>Apples</li> 
<li>Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li>
</ol>  
<h4>Roman numbers list:</h4>
<ol type="I"> 
<li>Apples</li> 
<li>Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li>
</ol> 
</body>
</html>

自定义列表

<!DOCTYPE html>
<html>
<body>
<h4>A Definition List:</h4>
<dl>  
<dt>Coffee</dt>  
<dd>- black hot drink</dd>  
<dt>Milk</dt>  
<dd>- white cold drink</dd>
</dl>
</body>
</html>

万万君

发布了25 篇原创文章 · 获赞 19 · 访问量 678

私信关注

猜你喜欢

转载自blog.csdn.net/devin_xin/article/details/105005234

HTML基础之列表

HTML之列表标签

html之列表

前端基础HTML之列表标签和表格标签

Python基础之列表

html标签之列表标签

HTML之列表、表格、表单

python基础之列表基础

Python基础之列表List

Python基础之列表（03）

python语法基础之列表

Python基础之列表的嵌套

python基础篇之列表

Python基础之列表操作

python基础之列表(八)

【Python基础】之列表list

python基础之列表讲解

CSS基础之列表样式

python基础之列表方法

Python基础之列表和元组

python基础之列表，字典，集合

Python 语言基础（三）之列表，元组

Python基础入门之列表生成式

python基础语法之列表操作

【python基础】之列表、元组、字典

python基础知识之列表

python基础知识回顾之列表

零基础学习 Python 之列表

Python基础之列表的增删改查

python基础之列表切片

今日推荐

周排行

Leetcode简单题61~80

解决zookeeper磁盘IO高的问题

多线程相关方法详解

Maven-setting.xml文件详解

Maven 项目的 classpath 理解

渊亭科技大数据笔试题

配置JVM内存分配

计算机网络个人学习笔记（三）网络层：第三部分连载

js中两个等号(==)和三个等号(===)的区别

用C程序自动打开电脑上的程序

每日归档

更多

2024-09-18(0)

2024-09-17(0)

2024-09-16(0)

2024-09-15(0)

2024-09-14(0)

2024-09-13(0)

2024-09-12(0)

2024-09-11(0)

2024-09-10(0)

2024-09-09(0)