dl, dt, dd list label examples

dl, dt, dd list label examples

The dd and dt tags are used for lists.
We usually use the <ul><li> tags, but the dd and dt tags are also very good, especially when publishing a program, you can use it to layout the list of functional modules.
<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl> is used to create a normal list, <dt></dt> is used to create the upper item in the list, and <dd></dd> is used to create the bottom item in the list. Both <dt></dt> and <dd></dd> must be placed between the <dl></dl> tag pair. Take a look at the following example and you will understand:
Create a normal list
    <html>
    <head>
    <title>A normal list</title>
    </head>
    <body text="blue">
    <dl>
    <dt>Chinese cities</dt>
    <dd>Beijing</dd>
    <dd>Shanghai</dd>
    <dd>Guangzhou</dd>
    <dt>American Cities</dt>
    <dd>Washington</dd>
    <dd>Chicago</dd>
    <dd>New York</dd>
    </dl>
    </body>
    </html>

    This example is displayed in the browser as follows: Chinese cities Beijing Shanghai Guangzhou American cities Washington Chicago New York

<<:  Detailed explanation of MySQL sql_mode query and setting

>>:  An article teaches you how to implement VUE multiple DIVs and button binding enter events

Recommend

Sqoop export map100% reduce0% stuck in various reasons and solutions

I call this kind of bug a typical "Hamlet&qu...

How to delete an image in Docker

The command to delete images in docker is docker ...

Detailed explanation of the perfect solution to the VMware black screen problem after MacOS catalina upgrade

Perfect solution to VMware black screen after Mac...

WeChat Mini Program QR Code Generation Tool weapp-qrcode Detailed Explanation

WeChat Mini Program - QR Code Generator Download:...

Correct way to write empty links to prevent page jumps after clicking a href # problem

Sometimes you need to use links, but you don't...

Detailed explanation of the Sidecar mode in Docker Compose

Table of contents What is Docker Compose Requirem...

The complete usage of setup, ref, and reactive in Vue3 combination API

1. Getting started with setUp Briefly introduce t...

Learning about UDP in Linux

Table of contents 1. Introduction to UDP and Linu...

MySQL trigger detailed explanation and simple example

MySQL trigger simple example grammar CREATE TRIGG...

Why the explain command may modify MySQL data

If someone asked you whether running EXPLAIN on a...

Let's talk about parameters in MySQL

Preface: In some previous articles, we often see ...

Pure CSS3 to create page switching effect example code

The one I wrote before is too complicated, let’s ...

MySQL InnoDB monitoring (system layer, database layer)

MySQL InnoDB monitoring (system layer, database l...

CentOS 7 switching boot kernel and switching boot mode explanation

centos7 switch boot kernel Note: If necessary, it...

Implementation of Docker building Maven+Tomcat basic image

Preface In Java programming, most applications ar...