Examples of using html unordered list tags and ordered list tags

Examples of using html unordered list tags and ordered list tags

1. Upper and lower list tags: <dl>..</dl>:

Upper dt
The lower layer dd: the encapsulated content will be automatically indented


Copy code
The code is as follows:

<dl>
<dt>Sports and Outdoors</dt>
<dd>Sneakers</dd>
<dd>Basketball shoes</dd>
<dd>Football shoes</dd>
<dd>Running shoes</dd>
</dl>

2. Define an ordered list: <ol>

property:
type: You can set the sorting style (you can also add this attribute to li separately)
1 means 1,2,3,4
a means a,b,c,d
A means A, B, C, D
i means i,ii,iii
I means I, II, III
start: starting point of the list<li>: list content

Copy code
The code is as follows:

<ol type="a" start="55">
<li>Sneakers</li>
<li>Basketball shoes</li>
<li>Running shoes</li>
<li>Soccer shoes</li>
</ol>

3. Define an unordered list: <ul>

Attribute: type: You can set the sorting style or add this attribute to li separately.
dise solid circle (default value)
circle hollow circle
square solid square
<li>: List content

Copy code
The code is as follows:

<ul type="square">
<li type="disc">Sneakers</li>
<li>Basketball shoes</li>
<li>Running shoes</li>
<li>Soccer shoes</li>
</ul>

<<:  Detailed explanation of prototypes and prototype chains in JavaScript

>>:  Methods and techniques for designing an interesting website (picture)

Recommend

MySQL 8.0.12 decompression version installation tutorial

This article shares the installation tutorial of ...

JavaScript Basics Series: Functions and Methods

Table of contents 1. The difference between funct...

Detailed installation process of MySQL 8.0 Windows zip package version

The installation process of MySQL 8.0 Windows zip...

How to quickly delete all tables in MySQL without deleting the database

This article uses an example to describe how to q...

How to generate PDF and download it in Vue front-end

Table of contents 1. Installation and introductio...

Docker installation tutorial in Linux environment

1. Installation environment Docker supports the f...

The whole process of developing a Google plug-in with vue+element

Simple function: Click the plug-in icon in the up...

Docker installation Nginx tutorial implementation illustration

Let’s install Nginx and try it out. Please note t...

Detailed explanation of MySQL execution plan

The EXPLAIN statement provides information about ...

HTML special character conversion table

character Decimal Character Number Entity Name --...

Example of how to create a local user in mysql and grant database permissions

Preface When you install MySQL, you usually creat...