HTML tag dl dt dd usage instructions
|
Basic structure: Copy code The code is as follows:<dl> <dt></dt> <dd></dd> </dl> dl : definition list dt: define the title dd: definition description dt is used to place the information title, and dd is a brief summary description of the information. That is to say, a dt corresponds to a dd to describe it. The content in dd can be anything, pictures, text, or even video or audio. Multiple similar dt and dd form a dl. Here is an example: Copy code The code is as follows:<dl> <dt>Here is the title</dt> <dd>Here is the content</dd> <dd>Here is the content</dd> <dt>Here is the title</dt> <dd>Here is the content</dd> <dt>Here is the title</dt> <dd>Here is the content</dd> </dl> Then dl dt dd is suitable for expressing, for example: a list of news with summaries, a list of products with thumbnails and other descriptions... |
<<: CSS sets Overflow to hide the scroll bar while allowing scrolling
>>: Teach you how to quickly enable self-monitoring of Apache SkyWalking
Recommend
JavaScript canvas text clock
This article example shares the specific code of ...
Vuex combines session storage data to solve the problem of data loss when refreshing the page
Table of contents Preface 1. Reasons: 2. Solution...
Have you carefully understood Tags How it is defined How to use
Preface : Today I was asked, "Have you carefu...
MySQL View Principle Analysis
Table of contents Updatable Views Performance of ...
HTML form tag tutorial (2):
This tutorial introduces the application of vario...
XHTML no longer uses some obsolete elements in HTML
When we do CSS web page layout, we all know that i...
MySQL data operation-use of DML statements
illustrate DML (Data Manipulation Language) refer...
el-table in vue realizes automatic ceiling effect (supports fixed)
Table of contents Preface Implementation ideas Ef...
How to implement rounded corners with CSS3 using JS
I found an example when I was looking for a way t...
Common usage of regular expressions in Mysql
Common usage of Regexp in Mysql Fuzzy matching, c...
Summary of Linux nc command
NC's full name is Netcat (Network Knife), and...
Details of 7 kinds of component communication in Vue3
Table of contents 1. Vue3 component communication...
JS version of the picture magnifying glass effect
This article shares the specific code of JS to ac...
Explanation of Truncate Table usage
TRUNCATE TABLE Deletes all rows in a table withou...
12 Javascript table controls (DataGrid) are sorted out
When the DataSource property of a DataGrid control...