HTML list

HTML List

HTML supports ordered, unordered and defined lists:

HTML List

First understand what are ordered lists and unordered lists?

Let’s first understand it through an example:

Ordered list

1. Beijing

2. Shanghai

3. Guangzhou

Unordered list

· Beijing

· Shanghai

· Guangzhou

HTML unordered list

An unordered list is a list of items marked with bold dots (typical small black circles) .

Unordered list uses <ul> tag

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
</body>
</html>

HTML ordered list

Similarly, ordered list is also A list of items labeled with numbers. The ordered list starts with the <ol> tag. Each list item begins with a <li> tag.

List items are marked with numbers.

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
</body>
</html>

HTML Custom List

A custom list is not just a list of items, but a combination of items and their comments.

Custom lists start with a <dl> tag. Each custom list item begins with <dt>. The definition of each custom list item begins with <dd>.

<html>
<head>
<meat charset="utf-8">
</head>
<body>
<dl>
<dt>北京</dt>
<dd>  政治中心</dd>
<dt>上海</dt>
<dd>  经融中心</dd>
</dl>
</body>
</html>

Continuing Learning

new file

submit Reset Code

Automatic operation

HTML list

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]