Get the App
SLTechnology News&Howtos  ›  Development  › 

How to use & lt;dl> & lt;dt> & lt;dd> tag elements in html

Shulou Source: shulou.com Published: 2022-06-01 06:19:10 10月03日 Update

This article mainly introduces how to use the tag elements in html, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand it.

Html combination tags and usage tutorials

Similar to the question dt list dd combination, put into the dl. Customize the list label. Dt is a bit of a title, while dd may be used as a mediocre list tag.

1. HTML tag syntax

Dl, dt, dd can not be used alone, the three are generally used as a combination of tags, just like ul li list tags are used together, and all belong to html tags.

1. Dl dt dd structure syntax

The list item is called form one content two mode three

It doesn't have to be a combination of dl dt dd.

Tag combination root syntax structure and browsing screenshot

Admittedly:

Use DD only once in dt form

It is possible to use dd only once.

At the same time, the use of ul li tag combinations within dd is also allowed.

2. Body odor

Dl dt dd seems to be more complicated than multiple tags, in reality to understand, dl is like a coat, dt is equal to the head, dd is the body, and this combination can not be used alone. Must be used in combination with dl dt dd.

II. Dl dt dd and CSS

Three tags can be added with class and id to introduce CSS.

Such as:

It's all sketchy.

3. Pay attention to the use of h2-h7 tags in dt, that is to say, dt can not put problem tags such as H2, h3, h4, h5, etc.

3. Dl dt dd application sample dl dt dd uses a small instance CSS5dl,dt,dd {margin:0} dl.new-box {border:1px solid # F00; width:200px} dl.new-box dt {font-weight:bold Padding-bottom:10px} CSS5 column web page template HTMLCSS attributes Thank you for reading this article carefully. I hope the article "how to use tag elements in html" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Tags: Tags combinations articles at the same time grammar elements form structure problems solitude mediocrity complexity three noes three noes values interests content coats multiple head Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Microsoft Apple NVidia Linux Docker