How to use DL (DT, DD), UL (LI), ol (LI) in HTML

Time:2019-10-21

HTML < DL > tags

#Definition and usage

The < DL > tag defines the definition list.
The < DL > tag is used to combine < DT > (defining items in the list) and < DD > (describing items in the list).

Case study

Copy code

The code is as follows:

<dl>
< DT > Computer < / dt >
< DD > instrument for calculation
< DT > display
< DD > device to display information visually…….. / DD >
</dl>

HTML < UL > tags

#Definition and usage

The < UL > tag defines an unordered list.

Case study

Unordered HTML list:

Copy code

The code is as follows:

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

HTML < ol > tags

#Definition and usage

The < ol > tag defines a sequence table.

Case study

Ordered HTML list:

Copy code

The code is as follows:

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

UL can define menus and submenus in combination with ol

Copy code

The code is as follows:

<ul>
<li>Content filtering < / a > < li >
<li>< a href = “ා” > word filtering</a></li>
<li>
<div>
< div > forum < / div >
<ol>
<li>< a href = “ා” > forum theme management</a></li>
<li>< a href = “ා” > delete posts in batch in the Forum</a></li>
</ol>
</div>
</li>
<ul>

Recommended Today

Single and multiple buttons are styled with pictures

I’ve always seen people asking how to style and enlarge the buttons of radio buttons and multi buttons? Let’s share an example I did. 1. First make the button into a picture  2.html page Copy code The code is as follows: <!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <script type=”text/javascript” src=”jquery-1.10.2.min.js”></script> <script type=”text/javascript”> […]