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)

Method of realizing automated deployment based on Docker+Jenkins

Examples of using html unordered list tags and ordered list tags

Method of realizing automated deployment based on Docker+Jenkins

How to configure Basic Auth login authentication in Nginx

JDBC-idea import mysql to connect java jar package (mac)

MySQL import and export backup details

Idea configures tomcat to start a web project graphic tutorial

How to use nginx to configure access to wgcloud

How React Hooks Work

Four methods of using JS to determine data types

Methods and steps to build nginx file server based on docker

Website performance: Image and Cookie optimization and mobile application optimization

Recommend

JavaScript custom plug-in to implement tab switching function

The ultimate solution for writing bash scripts with nodejs

Code analysis of synchronous and asynchronous setState issues in React

Detailed explanation of Vue's simple store

Detailed explanation of pure SQL statement method based on JPQL

HTML markup language - reference

JavaScript type detection method example tutorial

Solution to HTML2 canvas SVG not being recognized

Vue implements an Input component that gets the key display shortcut key effect

A question about border-radius value setting

Example code for implementing timeline and animation effects using JavaScript (front-end componentization)

Native JS realizes compound motion of various motions

Summary of three ways to implement ranking in MySQL without using order by

Analysis of the process of publishing and deploying Spring Boot applications through Docker

Web data storage: Cookie, UserData, SessionStorage, WebSqlDatabase