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

Common ways to optimize Docker image size

The Docker images we usually build are usually la...

Windows Server 2016 Remote Desktop Services Configuration and License Activation (2 Users)

The default number of remote desktop connections ...

Two ways to create SSH server aliases in Linux

Preface If you frequently access many different r...

Solution to the conflict between Linux kernel and SVN versions

Phenomenon The system could compile the Linux sys...

Analyzing the MySql CURRENT_TIMESTAMP function by example

When creating a time field DEFAULT CURRENT_TIMEST...

Introduction to the use of data custom attributes in HTML and plug-in applications

You may often see some HTML with data attributes. ...

How to install Docker on Windows Server 2016

Recently Microsoft released Windows Server 2016, ...

Detailed explanation of how to use JavaScript paging component

The pagination component is a common component in...

A brief discussion on size units in CSS

The compatibility of browsers is getting better a...

Detailed explanation of Vue data proxy

Table of contents 1. What I am going to talk abou...

How to periodically clean up images that are None through Jenkins

Preface In the process of continuous code deliver...

vue-table implements adding and deleting

This article example shares the specific code for...

An article tells you how to implement Vue front-end paging and back-end paging

Table of contents 1: Front-end handwritten paging...

Vuex implements simple shopping cart function

This article example shares the specific code of ...

wget downloads the entire website (whole subdirectory) or a specific directory

Use wget command to download the entire subdirect...