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

HTML <dl> Tags

#定义和用法

The <dl> label defines a definition list.
<dl> tags are used to combine <dt> (define items in a list) and <dd> (describe items in a list).

#实例

The

code is as follows:


&lt;dl&gt;


&lt;dt&gt; Computer &lt;/dt&gt;


&lt;dd&gt; instruments used for calculation ... ...&lt;/dd&gt;


&lt;dt&gt; Monitor &lt;/dt&gt;


&lt;dd&gt; devices for visually displaying information ... ...&lt;/dd&gt;


&lt;/dl&gt;

HTML <ul> Tags

#定义和用法

<ul> tags define unordered lists.

#实例

Unordered HTML list:

The

code is as follows:


&lt;ul&gt;


&lt;li&gt;Coffee&lt;/li&gt;


&lt;li&gt;Tea&lt;/li&gt;


&lt;li&gt;Milk&lt;/li&gt;


&lt;/ul&gt;

HTML <ol> Tags

#定义与用法

<ol> label has a sequence table defined.

#实例

Ordered HTML list:

The

code is as follows:


&lt;ol&gt;


&lt;li&gt;Coffee&lt;/li&gt;


&lt;li&gt;Tea&lt;/li&gt;


&lt;li&gt;Milk&lt;/li&gt;


&lt;/ol&gt;

UL can be combined with OL to define menus and submenus

The

code is as follows:


&lt;ul&gt;


&lt;li&gt;&lt;a href= "#" &gt; Content filtering &lt;/a&gt;&lt;li&gt;


&lt;li&gt;&lt;a href= "#" &gt; Word filter &lt;/a&gt;&lt;/li&gt;


&lt;li class= "S" &gt;


&lt;div class= "Lsub" &gt;


&lt;div&gt; Forum &lt;/div&gt;


&lt;ol&gt;


&lt;li&gt;&lt;a href= "#" &gt; Forum Theme Management &lt;/a&gt;&lt;/li&gt;


&lt;li&gt;&lt;a href= "#" &gt; Forum Batch deletion &lt;/a&gt;&lt;/li&gt;


&lt;/ol&gt;


&lt;/div&gt;


&lt;/li&gt;


&lt;ul&gt;