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

Analysis of parameter transfer process of driver module in Linux

Declare the parameter name, type and permission y...

Installation process of CentOS8 Linux 8.0.1905 (illustration)

As of now, the latest version of CentOS is CentOS...

mysql batch delete large amounts of data

mysql batch delete large amounts of data Assume t...

Example of using docker compose to build a consul cluster environment

Basic concepts of consul Server mode and client m...

CSS World--Code Practice: Image Alt Information Presentation

Using the <img> element with the default sr...

Skin change solution based on Vue combined with ElementUI

Table of contents Written in front Solution 1: Us...

MySQL Series 4 SQL Syntax

Table of contents Tutorial Series 1. Introduction...

Three common style selectors in html css

1: Tag selector The tag selector is used for all ...

Understand all aspects of HTTP Headers with pictures and text

What are HTTP Headers HTTP is an abbreviation of ...

Discuss the value of Web standards from four aspects with a mind map

I have roughly listed some values ​​to stimulate ...

In-depth understanding of the use of Vue

Table of contents Understand the core concept of ...

Native JS to achieve special effects message box

This article shares with you a special effect mes...

Detailed tutorial on installing MySQL database on Alibaba Cloud Server

Table of contents Preface 1. Uninstall MySQL 2. I...

Nginx Location Configuration Tutorial from Scratch

Basics The matching order of location is "ma...

Analysis and description of network configuration files under Ubuntu system

I encountered a strange network problem today. I ...