在利用HTML进行网页结构时 , 经常需要利用列表标签 , 列表分为有序列表和无序列表 , 下面介绍HTML中列表标签ul、ol、dl的利用 。
方式/
1新建一个HTML文件 , 定名为index.html , 用于列表标签的测试 。
文章插图
2建立无序列表 。 无序列表利用<ul>标签 , 其内部标签是<li> , 经由过程<li>来实现多条列表内容 。 <ul>和<li>均需要竣事标签</ul>和</li> 。
文章插图
3运行上面的代码 , 浏览器查看结果:
文章插图
4建立有序列表 。 有序列表利用<ol>标签 , 其内部标签也是<li> , 经由过程<li>来实现多条列表内容 。 <ol>和<li>均需要竣事标签</ol>和</li> 。
文章插图
5运行上面的代码 , 浏览器查看结果:
文章插图
6自界说列表 。 自界说列表经由过程<dl>标签来实现 , 其内部标签有<dt>、<dd> , 一般<dt>标签内放题目 , <dd>标签内放具体内容 。 <dl>、<dt>、<dd>均需要竣事标签</dl>、</dt>、</dd> 。
文章插图
7【HTML中列表标签ul、ol、dl实例解析】运行上面的代码 , 浏览器查看结果:
文章插图
以上内容就是HTML中列表标签ul、ol、dl实例解析的内容啦 , 希望对你有所帮助哦!
推荐阅读
- HTML中img图像标签使用详解
- 普佛茶的功效,中国茶叶网
- 手把手教你用微波炉做烤鸡中翅
- 如何使用HTML创建table表格
- 如何使用dup和dup2
- 西安旅游一日攻略
- 喝茶的益处
- 祭司在古埃及文明中是什么职位
- 平安夜送什么好
- 二 象棋残局破解