HTML中列表标签ul、ol、dl实例解析

在利用HTML进行网页结构时 , 经常需要利用列表标签 , 列表分为有序列表和无序列表 , 下面介绍HTML中列表标签ul、ol、dl的利用 。
方式/
1新建一个HTML文件 , 定名为index.html , 用于列表标签的测试 。


HTML中列表标签ul、ol、dl实例解析

文章插图

2建立无序列表 。 无序列表利用<ul>标签 , 其内部标签是<li> , 经由过程<li>来实现多条列表内容 。 <ul>和<li>均需要竣事标签</ul>和</li> 。


HTML中列表标签ul、ol、dl实例解析

文章插图

3运行上面的代码 , 浏览器查看结果:


HTML中列表标签ul、ol、dl实例解析

文章插图

4建立有序列表 。 有序列表利用<ol>标签 , 其内部标签也是<li> , 经由过程<li>来实现多条列表内容 。 <ol>和<li>均需要竣事标签</ol>和</li> 。

HTML中列表标签ul、ol、dl实例解析

文章插图

5运行上面的代码 , 浏览器查看结果:

HTML中列表标签ul、ol、dl实例解析

文章插图

6自界说列表 。 自界说列表经由过程<dl>标签来实现 , 其内部标签有<dt>、<dd> , 一般<dt>标签内放题目 , <dd>标签内放具体内容 。 <dl>、<dt>、<dd>均需要竣事标签</dl>、</dt>、</dd> 。

HTML中列表标签ul、ol、dl实例解析

文章插图

7【HTML中列表标签ul、ol、dl实例解析】运行上面的代码 , 浏览器查看结果:

HTML中列表标签ul、ol、dl实例解析

文章插图


以上内容就是HTML中列表标签ul、ol、dl实例解析的内容啦 , 希望对你有所帮助哦!

    推荐阅读