HTML的列表标签

在HTML中使用ul(无序列表)、ol(有序列表)和dl(自定义列表)。

在HTML中使用ul(无序列表)、ol(有序列表)和dl(自定义列表)。下面通过实例来学习HTML的列表。

标签描述
<ol>定义有序列表。
<ul>定义无序列表。
<li>定义列表项。
<dl>定义定义列表。
<dt>定义定义项目。
<dd>定义定义的描述。
<dir>已废弃。使用 <ul> 代替它。
<menu>已废弃。使用 <ul> 代替它。

<ol>元素的属性

属性描述
compactcompact

不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。

startnumber

不赞成使用。请使用样式取代它。

规定列表中的起始点。

type
  • A

  • a

  • I

  • i

  • 1

规定列表的类型。不赞成使用。请使用样式代替。

无序列表,实例如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML表格</title>
</head>
<body>
<ul>
    <li>java</li>
    <li>c++</li>
    <li>c#</li>
</ul>
</body>
</html>

运行效果:

html的无序列表

有序列表:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML表格</title>
</head>
<body>
<ol>
    <li>java</li>
    <li>c++</li>
    <li>c+</li>
</ol>
</body>
</html>

运行效果:

html的有序列表

自定义列表:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML表格</title>
</head>
<body>
<dl>
    <dt>服务端编程语言</dt>
    <dd>Java</dd>
    <dd>C/C++</dd>
    <dd>C#</dd>
    <dt>前端编程语言</dt>
    <dd>HTML</dd>
    <dd>CSS</dd>
    <dd>JavaScript</dd>
</dl>
</body>
</html>

运行效果图:

html自定义列表

人生就像赛跑,不在乎你是否第一个到达终点,而在乎你有没有跑完全程。
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站专注于 Java、数据库(MySQL、Oracle)、Linux、软件架构及大数据等多领域技术知识分享。涵盖丰富的原创与精选技术文章,助力技术传播与交流。无论是技术新手渴望入门,还是资深开发者寻求进阶,这里都能为您提供深度见解与实用经验,让复杂编码变得轻松易懂,携手共赴技术提升新高度。如有侵权,请来信告知:hxstrive@outlook.com
公众号