How to use dl(dt,dd), ul(li), ol(li) in HTML

How to use dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag

#Definition and Usage

The <dl> tag defines a definition list.
The <dl> tag is used to combine <dt> (which defines an item in a list) and <dd> (which describes an item in a list).

#Example


Copy code
The code is as follows:

<dl>
<dt>Computer</dt>
<dd>An instrument used to calculate... </dd>
<dt>Display</dt>
<dd>A device for displaying information visually... </dd>
</dl>

HTML <ul> Tag

#Definition and Usage

The <ul> tag defines an unordered list.

#Example

Unordered HTML list:


Copy code
The code is as follows:

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

HTML <ol> Tag

#Definition and Usage

The <ol> tag defines an ordered list.

#Example

Ordered HTML list:


Copy code
The code is as follows:

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

ul can be combined with ol to define menus and submenus


Copy code
The code is as follows:

<ul>
<li><a href="#">Content Filtering</a><li>
<li><a href="#">Word Filter</a></li>
<li class="s">
<div class="lsub">
<div>Forum</div>
<ol>
<li><a href="#">Forum Topic Management</a></li>
<li><a href="#">Batch delete posts in the forum</a></li>
</ol>
</div>
</li>
<ul>

<<:  How to get the contents of .txt file through FileReader in JS

>>:  Detailed process of SpringBoot integrating Docker

Recommend

How to add ansible service in alpine image

Use apk add ansible to add the ansible service to...

Install and use Git and GitHub on Ubuntu Linux

Introduction to Git Git is an open source version...

A Deep Dive into JavaScript Promises

Table of contents 1. What is Promise? 2. Why is t...

JavaScript implements draggable progress bar

This article shares the specific code of JavaScri...

Implement MySQL read-write separation and load balancing based on OneProxy

Introduction Part 1: Written at the beginning One...

What are the image file formats and how to choose

1. Which three formats? They are: gif, jpg, and pn...

How to use MySQL limit and solve the problem of large paging

Preface In daily development, when we use MySQL t...

Detailed explanation of using pt-heartbeat to monitor MySQL replication delay

pt-heartbeat When the database is replicated betw...

The difference between docker run and start

The difference between run and start in docker Do...

Let's learn about MySQL database

Table of contents 1. What is a database? 2. Class...

When modifying a record in MySQL, the update operation field = field + string

In some scenarios, we need to modify our varchar ...

Nginx uses ctx to realize data sharing and context modification functions

Environment: init_worker_by_lua, set_by_lua, rewr...

Pure CSS3 realizes the effect of div entering and exiting in order

This article mainly introduces the effect of div ...

A brief discussion on the use of React.FC and React.Component

Table of contents 1. React.FC<> 2. class xx...

Use Docker to build a Git image using the clone repository

Overview I have been using Docker for more than a...