Home  >  Article  >  Web Front-end  >  Definition of dl, dd and dt tags in html

Definition of dl, dd and dt tags in html

黄舟
黄舟Original
2017-06-21 15:21:439745browse

When we use lists in the process of making web pages, we generally use the ff6d136ddc5fdfeffaf53ff6ee95f185 or c34106e0b4e09414b63b2ea253ff83d6 tags, and rarely use the 5c69336ffbc20d23018e48b396cdd57a tags, but these three tags have an important role that cannot be ignored. After all, the Web Existing tags should be used as much as possible in the standard. Their uses are:
db9a701eea2ab4a1ec2bb391ddc2eae5a3918fe0b70e08a22a7548856f8395ab is used to create a normal list,
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8 is used to create upper-level items in the list,
< ; dd>61c2795ecf2bb2bc7cac2175c6ae6977 is used to create the lowest item in the list.
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8 and 152436f649dfcc2350c70c7083a3231e61c2795ecf2bb2bc7cac2175c6ae6977 must be placed in db9a701eea2ab4a1ec2bb391ddc2eae543d08688e00749f36e80e59ebb543d44 between pairs of flags.

The following is an example:

<html>
<head>
<title>一个普通列表</title>
</head>
<body text="blue">
<dl>
<dt>中国城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>广州 </dd>
<dt>美国城市</dt>
<dd>华盛顿 </dd>
<dd>芝加哥 </dd>
<dd>纽约 </dd>
</dl>
</body>
</html>

We can see that the text in the middle of 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e will move forward even if we do not indent it. The content in the middle of 67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35 is automatically indented backwards.

Generally, when we make lists, we usually only use the ul and li tags. As for DL, it is rarely used. It also belongs to the tags of the list class. The 5c69336ffbc20d23018e48b396cdd57a tag defines A definition list whose entries are created using the 73de882deff7a050a357292d0a1fca94 tag ("definition title") and the 67bc4f89d416b0b8236eaa5f43dee742 tag ("definition description"). 73de882deff7a050a357292d0a1fca94 gives the name of the term, and the 67bc4f89d416b0b8236eaa5f43dee742 tag gives the definition of the term.

<dl>
<dt>相当于标题</dt>
<dd>相当于标题下的小分类</dd>
</dl>

Maybe my words are difficult to understand, it is similar to the following directory tree:

<dl>
<dt>第一章基本语法:</dt>
<dd>1.注释</dd>
<dd>2.函数</dd>
<dd>3.属性</dd>
</dl>

<dl>
<dt>第二章:变量</dt>
<dd>1.分配的变量</dd>
<dd>2.读取的变量</dd>
<dd>3.保留的变量</dd>
</dl>

The above is the detailed content of Definition of dl, dd and dt tags in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn