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

Solutions to black screen when installing Ubuntu (3 types)

My computer graphics card is Nvidia graphics card...

How to enable TLS and CA authentication in Docker

Table of contents 1. Generate a certificate 2. En...

Example code for implementing image adaptive container with CSS

There is often a scenario where the image needs t...

Web page html special symbols html special characters comparison table

Special symbols Named Entities Decimal encoding S...

Implementation of MySQL select in subquery optimization

The following demonstration is based on MySQL ver...

Mysql GTID Mha configuration method

Gtid + Mha + Binlog server configuration: 1: Test...

Details of using Vue slot

Table of contents 1. Why use slots? 1.1 slot 1.2 ...

Specific use of lazy loading and preloading in js

Delayed loading (lazy loading) and preloading are...

Problems and solutions for installing Docker on Alibaba Cloud

question When installing Docker using Alibaba Clo...

Teach you how to use webpack to package and compile TypeScript code

TypeScript Bundling webpack integration Usually, ...

How to use .htaccess to prohibit a certain IP from accessing the website

Preface For cost considerations, most webmasters ...

Basic syntax of MySQL index

An index is a sorted data structure! The fields t...

JavaScript Document Object Model DOM

Table of contents 1. JavaScript can change all HT...

Detailed explanation of the installation and use of Vue-Router

Table of contents Install Basic configuration of ...

A complete record of the process of building mobile applications using Vue Native

Table of contents Preface Features of Vue Native ...