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

Example of how to enable Slow query in MySQL

Preface Slow query log is a very important functi...

Detailed explanation on how to get the IP address of a docker container

1. After entering the container cat /etc/hosts It...

How to make your own native JavaScript router

Table of contents Preface Introduction JavaScript...

How to transfer files between Docker container and local machine

To transfer files between the host and the contai...

MySQL paging performance exploration

Several common paging methods: 1. Escalator metho...

Vue3 based on script setup syntax $refs usage

Table of contents 1. Vue2 syntax 2. Use of Vue3 1...

25 advanced uses of JS array reduce that you must know

Preface Reduce is one of the new conventional arr...

js to realize payment countdown and return to the home page

Payment countdown to return to the home page case...

Example of how rem is adapted for mobile devices

Preface Review and summary of mobile terminal rem...

Steps to use autoconf to generate Makefile and compile the project

Preface Under Linux, compilation and linking requ...

The perfect solution for MySql version problem sql_mode=only_full_group_by

1. Check sql_mode select @@sql_mode The queried v...

Detailed explanation of incompatible changes of components in vue3

Table of contents Functional Components How to wr...