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 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号