A brief discussion on HTML ordered lists, unordered lists and definition lists

A brief discussion on HTML ordered lists, unordered lists and definition lists

Ordered List

XML/HTML CodeCopy content to clipboard
  1. < ol   type = "A" , start = "C" >   <!--ordered list-->   
  2.      < li > First item </ li >   
  3.      < li > Second Item </ li >   
  4. </ ol >   

Unordered list

XML/HTML CodeCopy content to clipboard
  1. < ul   type = "disc" >    <!--unordered list--> <!--There are two more types: circle, square-->   
  2.      < li > First item </ li >   
  3.      < li > Second Item </ li >   
  4. </ ul >   

Definition List

The definition list consists of a definition term and a definition description.

XML/HTML CodeCopy content to clipboard
  1. Add the noun to be explained after the <dt> tag
  2. Specific explanation of the noun added after the < dd > tag
XML/HTML CodeCopy content to clipboard
  1. < dl   type = "disk" >    <!--definition list--> <!--There are two more types: circle, square-->   
  2.      < dt > CSS </ dt >   
  3.      < dd > Cascating Style Sheets </ dd >   
  4. </ dl >   

chestnut:

XML/HTML CodeCopy content to clipboard
  1. <!doctype html >   
  2. < html >   
  3.      < head >   
  4.          < meta   http-equiv = "content-type"   content = "text/html; charset=utf-8"   
  5.          < meta   name = "description"   content = "Set page description" >   
  6.          < title > Web Page 1 </ title >   
  7.      </ head >   
  8.      < body >   
  9.          < h1 > Title </ h1 >   
  10.                  < hr >   
  11.          < ol   type = "A" , start = "3" >   <!--ordered list-->   
  12.                  < li > First item </ li >   
  13.                  < li > Second Item </ li >   
  14.          </ ol >   
  15.   
  16.          < ul   type = "disc" >    <!--unordered list--> <!--There are two more types: circle, square-->   
  17.                  < li > First item </ li >   
  18.                  < li > Second Item </ li >   
  19.          </ ul >   
  20.   
  21.          < dl   type = "disk" >    <!--definition list-->   
  22.                  < dt > CSS </ dt >   
  23.              < dd > Cascating Style Sheets </ dd >   
  24.   
  25.          </ dl >   
  26.   
  27.      </ body >     
  28. </ html >   

Output effect:

The above brief discussion on HTML ordered lists, unordered lists and definition lists is all the content that the editor shares with you. I hope it can give you a reference. I also hope that you will support 123WORDPRESS.COM.

<<:  Docker container source code deployment httpd use storage volume to deploy the website (recommended)

>>:  Element uses scripts to automatically build new components

Recommend

Vue Router vue-router detailed explanation guide

Chinese documentation: https://router.vuejs.org/z...

The best solution for resetting the root password of MySQL 8.0.23

This method was edited on February 7, 2021. The v...

Echarts implements switching different X-axes in one graph (example code)

Rendering If you want to achieve the effect shown...

How to install and configure MySQL 8.0.12 decompressed version under Windows 10 with graphic tutorials

This article records the installation and configu...

Implementation example of Nginx+Tomcat load balancing cluster

Table of contents introduction 1. Case Overview 2...

Introduction and examples of hidden fields in HTML

Basic syntax: <input type="hidden" na...

The difference between mysql outer join and inner join query

The syntax for an outer join is as follows: SELEC...

How to hide the version number and web page cache time in Nginx

Nginx optimization---hiding version number and we...

A brief discussion on JavaScript throttling and anti-shake

Table of contents Throttling and anti-shake conce...

Using JS to determine the existence of elements in an array in ten minutes

Preface In front-end development, you often need ...

A detailed introduction to the three installation methods of rpm, yum and source code under Linux

Chapter 1 Source Code Installation The installati...

Detailed tutorial on how to automatically install CentOS7.6 using PXE

1. Demand The base has 300 new servers, and needs...

MySQL paging query method for millions of data volumes and its optimization suggestions

Database SQL optimization is a common problem. Wh...

MySQL can actually implement distributed locks

Preface In the previous article, I shared with yo...

A possible bug when MySQL executes the sum function on the window function

When using MySql's window function to collect...