HTML列表

2023-10-27 80

在网页设计中,可以使用三种不同类型的列表添加到网站中,分别是有序列表、无序列表和自定义列表。

一、有序列表

HTML使用<ol>标签来创建有序的内容列表。在<ol>标签内使用<li></li>标签列出列表中的每个项目。

代码示例:

<ol>
<li>An item</li>
<li>Another item</li>
<li>Another goes here</li>
</ol>

二、无序列表

HTML 使用<ul>标签来创建无序列表,通常使用项目符号来表示列表项,而不是数字。

代码示例:

<ul>
<li>This is</li>
<li>An Unordered</li>
<li>List</li>
</ul>

三、自定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。HTML 使用<dl>标签来创建定义列表,在<dl>标签内使用<dt></dt>标签定义术语,使用<dd></dd>标签提供术语的定义。

代码示例:

<dl>
<dt>Item</dt>
<dd>The definition goes here</dd>
</dl>

如果需要制作一个项目符号列表,打开一个HTML文件,然后在新行上输入以下HTML代码:

<p>This website will have the following benefits for my business:</p>
<ul>
<li>Increased traffic</li>
<li>Global Reach</li>
<li>Promotional Opportunities</li>
</ul>

四、HTML列表标签

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

 

  • 广告合作

  • QQ群号:707632017

温馨提示:
1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。 2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。
HTML列表
上一篇: HTML属性
HTML列表
下一篇: HTML表格