Community Learn Tools Library Leisure
search
English

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
||
<html> <head> <meat charset="utf-8"> </head> <body> <ol> <li>北京</li> <li>上海</li> <li>广州</li> </ol> </body> </html>
submitReset Code
Previous section Next Section
Tutorial List
get help
  • Course Recommendations
  • Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~

Students who have watched this course are also learning

The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)  492837 plays