列表标签。

ops/2025/2/11 12:56:54/
htmledit_views">

一.列表标签

表格是用来展示数据的,列表是用来布局的。

列表可分为三类:无序列表,有序列表和自定义列表。

1.1无序列表(重点)

<ul>全称为unorder list,表示html中的无序列表,列表项使用<li>标签使用

语法格式如下:

<ul>

       <li>列表项</li>

       <li>列表项</li>

        .........

</ul>

示例

1.2特点

1.无序列表各个列表项没有顺序之,是并列的。 

2.<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>中输入其他标签或者文字是不允许的

3.<li>与</li>之间相当于一个容器,可以容纳所有元素(<li>标签可以嵌套其他标签)

4.无序列表会带有自己的样式,但在实际开发中,我们会使用css来设置。

小米商城页面这个就是无序列表

1.3有序列表

<ol>标签用于定义有序列表,列表排序以数字来显示,并且使用<li>标签来定义列表项。

<ol>

       <li>列表项</li>

       <li>列表项</li>

        .........

</ol>

 

特点与有序列表相同。

1.4自定义列表

<dl>全称define list,标签用于定义描述列表,该标签会与<dt>(定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

1.41基本使用语法 

<dt>意为define tiltle自定义标题,<dd>为definition description(自定义描述 )

<dl>

   <dt>关注我们</dt>

</dl>

 

  1. <dl></dl>里面只能包含<dt>和<dd>.
  2. <dt>和<dd>个数没有限制,经常是一个<dt>对应多个dd

 


http://www.ppmy.cn/ops/157527.html

相关文章

2025年1月1日起,美国禁止在食品包装中使用PFAS+PFAS标准办理讲解

2025年1月1日起&#xff0c;美国禁止在食品包装中使用PFASPFAS标准办理讲解&#xff1a; 美国国会于2024年9月提议了H.R. 9864法案&#xff0c;即《2024年食品容器禁用PFAS法案》&#xff0c;禁止食品包装中含有故意添加的 PFAS。 根据该提案&#xff0c;《联邦食品、药品和化…

Spring Boot 线程池自定义拒绝策略:解决任务堆积与丢失问题

如何通过自定义线程池提升系统稳定性 背景 在高并发系统中&#xff0c;线程池管理至关重要。默认线程池可能导致&#xff1a; 资源浪费&#xff08;创建过多线程导致 OOM&#xff09;任务堆积&#xff08;队列满后任务被拒绝&#xff09;任务丢失&#xff08;默认拒绝策略丢…

博客项目-day02(登录功能)

登录功能 这里使用JWT令牌技术进行登录功能的实现 JWT介绍 需要导入jjwt的依赖 先看接口 传入账号密码返回token 先导入一个JWT工具类 public class JWTUtils {private static final String jwtToken "123456Mszlu!###$$";public static String createToken(Long…

在OAS中设计简单抬头显示器

在OAS中设计简单抬头显示器 本文演示了如何使用OAS工具设计抬头显示器。 简介 车载HUD是一种将关键信息投射到驾驶员前方视野中的设备&#xff0c;使驾驶员无需低头即可获取车辆状态和导航等数据。构建车载HUD的理论模型时&#xff0c;需综合考虑光学系统、投影技术、人机交…

C 移位运算符

宏定义 #define GET_BIT(n) ((1 << (n))) 用于生成一个整数&#xff0c;该整数在第 n 位上是 1&#xff0c;其余位都是 0。这个宏通常用于位操作&#xff0c;比如设置、清除或检查某个特定位置的标志位。 1 << (n)&#xff1a;这是位移操作符。它将数字 1 左移 n …

Spring Test 的作用与优势

场景设定 假设你开了一家餐厅&#xff0c;需要测试每个环节是否正常&#xff1a; 服务员点单&#xff08;Service 层&#xff09;厨师做菜&#xff08;DAO 层&#xff0c;操作数据库&#xff09;菜品配送&#xff08;Web 层&#xff0c;API 接口&#xff09; 问题来了&#…

Http和Socks的区别?

HTTP 和 SOCKS 的区别 HTTP 和 SOCKS 都是用于网络通信的协议&#xff0c;但它们在工作原理、应用场景和实现方式上有显著的区别。以下是详细的对比和说明。 一、HTTP 协议 1. 定义 HTTP&#xff08;HyperText Transfer Protocol&#xff09;是用于传输超文本数据的应用层协…

C#常用集合优缺点对比

先上结论&#xff1a; 在C#中&#xff0c;链表、一维数组、字典、List<T>和ArrayList是常见的数据集合类型&#xff0c;它们各有优缺点&#xff0c;适用于不同的场景。以下是它们的比较&#xff1a; 1. 一维数组 (T[]) 优点&#xff1a; 性能高&#xff1a;数组在内存中…