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 create an index on a join table in MySQL

This article introduces how to create an index on...

Why MySQL chooses Repeatable Read as the default isolation level

Table of contents Oracle Isolation Levels MySQL I...

CSS3 property line-clamp controls the use of text lines

Description: Limit the number of lines of text di...

Detailed explanation of firewall rule settings and commands (whitelist settings)

1. Set firewall rules Example 1: Expose port 8080...

Zabbix monitors mysql instance method

1. Monitoring planning Before creating a monitori...

CSS optimization skills self-practice experience

1. Use css sprites. The advantage is that the smal...

Detailed explanation of Nginx log customization and enabling log buffer

Preface If you want to count the source of websit...

javascript:void(0) meaning and usage examples

Introduction to void keyword First of all, the vo...

Example of exporting and importing Docker containers

Table of contents Exporting Docker containers Imp...

Nginx cache configuration example

When developing and debugging a web application, ...

How to modify server uuid in Mysql

Source of the problem: If the slave server is the...

Do you know the meaning of special symbols in URL?

1.# # represents a location in a web page. The ch...