Examples of using HTML list tags dl, ul, ol

Examples of using HTML list tags dl, ul, ol

Copy code
The code is as follows:

<!--
List tag: <dl>: hierarchical list subtag: <dt>: upper list item
<dd>: lower level list item
------------
Unordered list tag: <ul>
Subtag: <li>
------------
Unordered list tag: <ol>
Subtag: <li>
--!>
<html>
<head>
<title> List tag practice</title>
</head>
<body>
<dl>
<dt>label</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
</dl>
<hr>
<ul type="disc">
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ul>
<hr>
<ol type="1">
<li>Apple</li>
<li>Banana</li>
<li>Orange</li>
</ol>
<hr><!--Practice nesting of tags-->
<dl>
<dt>Four Heavenly Kings</dt>
<dd>
<ol type="1">
<li>Jacky Cheung</li>
<li>Andy Lau</li>
<li>Aaron Kwok</li>
<li>Dawn</li>
</ol>
</dd>
</dl>
</body>
</html>

<<:  JS Easy to understand Function and Constructor

>>:  Let's talk in detail about the direction of slow SQL optimization in MySQL

Recommend

Detailed explanation of CSS style cascading rules

CSS style rule syntax style is the basic unit of ...

CSS implements six adaptive two-column layout methods

HTML structure <body> <div class="w...

How to set a fixed IP in Linux (tested and effective)

First, open the virtual machine Open xshell5 to c...

A brief introduction to MySQL functions

Table of contents 1. Mathematical functions 2. St...

Zabbix WEB monitoring implementation process diagram

Take zabbix's own WEB interface as an example...

In-depth explanation of MySQL stored procedures (in, out, inout)

1. Introduction It has been supported since versi...

9 Tips for MySQL Database Optimization

Table of contents 1. Choose the most appropriate ...

Clean XHTML syntax

Writing XHTML demands a clean HTML syntax. Writing...

Write a dynamic clock on a web page in HTML

Use HTML to write a dynamic web clock. The code i...

About the overlap of margin value and vertical margin in CSS

Margin of parallel boxes (overlap of double margi...

Easyswoole one-click installation script and pagoda installation error

Frequently asked questions When you are new to ea...

IE8 browser will be fully compatible with Web page standards

<br />According to foreign media reports, in...