HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义

简介: HTML前端:三种列表“无序列表 有序列表 自定义列表“ 定义

列表在前端开发中特别常用 随处可见

例如CSDN的布局:

下面介绍 HTML 中的三种列表


无序列表(常用):

<ul>
    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是无序列表</li>
</ul>

效果图:

顾名思义就是没有顺序的一个列表


有序列表

<ol>
    <li>CSDN</li>
    <li>生产队的驴</li>
    <li>这是有序列表</li>
    <li>每一行 都会有序号</li>
</ol>

效果图:

有序列表和无序的区别就是前面多了序号


自定义列表:

<dl>
<dt>13:27:18</dt>
<dd>重大消息!!</dd>
<dd>生产队的驴啊啊啊啊啊啊啊啊啊啊啊啊啊啊</dd>
<br/>
<dt>13:27:58</dt>
<dd>CSDN</dd>
<dd>生产队的驴</dd>

效果图:

相关文章
|
17天前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
8 1
.自定义认证前端页面
|
12天前
HTML 速查列表4
本示例包含两个部分:表格和框架。表格部分展示了带有两个列标题和一行数据的简单表格;框架部分通过 `&lt;iframe&gt;` 标签嵌入了一个外部页面 `demo_iframe.htm`。
|
12天前
|
数据安全/隐私保护
HTML 速查列表5
表单示例包括文本输入、密码框、复选框、单选按钮、提交和重置按钮、隐藏输入、下拉菜单及多行文本区。实体表示特殊字符,如 &lt; (&lt;)、&gt; (&gt;) 和 &#169; (©)。
|
22天前
HTML 列表3
HTML 自定义列表 (&lt;dl&gt;) 用于描述术语或名称的定义。每个术语由 &lt;dt&gt; 标签表示,其定义或描述由 &lt;dd&gt; 标签表示。
|
29天前
|
JSON 前端开发 数据格式
前端的全栈之路Meteor篇(五):自定义对象序列化的EJSON介绍 - 跨设备的对象传输
EJSON是Meteor框架中扩展了标准JSON的库,支持更多数据类型如`Date`、`Binary`等。它提供了序列化和反序列化功能,使客户端和服务器之间的复杂数据传输更加便捷高效。EJSON还支持自定义对象的定义和传输,通过`EJSON.addType`注册自定义类型,确保数据在两端无缝传递。
|
13天前
HTML 速查列表3
文档排版元素简介:包括图片、替换文本、样式/区块、块级和内联元素、无序列表、有序列表及定义列表等,帮助清晰组织和展示内容。
|
13天前
HTML 速查列表3
本示例展示了HTML中常用的元素:图片、样式与区块、块级与内联元素、以及三种列表(无序、有序和定义列表)的使用方法。通过这些基本标签,可以构建网页的基本结构。
|
13天前
HTML 速查列表2
文本格式化包括多种标签
|
13天前
HTML 速查列表1
HTML速查列表包含基本文档结构、标题、文本、换行和水平线等常用标签,方便日常打印使用。例如:`&lt;html&gt;`, `&lt;head&gt;`, `&lt;title&gt;`, `&lt;body&gt;`, `&lt;h1&gt;`至`&lt;h6&gt;`,`&lt;p&gt;`,`&lt;br&gt;`和`&lt;hr&gt;`。
|
1月前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js

热门文章

最新文章