分享好友 前端技术首页 频道列表

HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

html教程  2015-08-09 20:170

HTML <dl> 标签

#定义和用法

<dl> 标签定义了定义列表(definition list)。
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。

#实例


复制代码
代码如下:

<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

HTML <ul> 标签

#定义和用法

<ul> 标签定义无序列表。

#实例

无序 HTML 列表:


复制代码
代码如下:

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

HTML <ol> 标签

#定义与用法

<ol> 标签定义有序列表。

#实例

有序 HTML 列表:


复制代码
代码如下:

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

ul可以结合ol定义菜单及子菜单


复制代码
代码如下:

<ul>
<li><a href="#">内容过滤</a><li>
<li><a href="#">词语过滤</a></li>
<li class="s">
<div class="lsub">
<div>论坛</div>
<ol>
<li><a href="#">论坛主题管理</a></li>
<li><a href="#">论坛批量删帖</a></li>
</ol>
</div>
</li>
<ul>

查看更多关于【html教程】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
webpack打包后bundle.js文件过大的问题 webpack打包的js不执行
由于webpack将所有的文件合并到一个js文件。因此打包后的文件过大,导致网络请求不畅。今天尝试了一下webpack打包。结果打出来3.6M。因为之前在本地测试的原因,一直用的webpack -w的命令。即监控入口文件有无改动,若有改动,则自动编译。更改命令:webpack

0评论2023-03-08549

Div+CSS布局实例:用dl dt dd来制作列表
关于用DIV+CSS来制作列表的时候,大家最常用的是用ul和li来编写,但是这样用出现两个比较麻烦的地方:  1、如果用UL还布局,右边一栏比较麻烦;  2、文字外边的边框自适应比较麻烦;  3、很可能要定死高度;  所以,细细地看一看这个布局,想一想还是用

0评论2023-03-08378

浅析webpack里module/chunk/bundle区别、filename/chunkFilename区别、webpackChunkName作用、webpackPrefetch预拉取/webpa
一、module,chunk 和 bundle 的区别  看 webpack 文档的时候,对这 3 个名词云里雾里的,感觉他们都在说打包文件,但是一会儿 chunk 一会儿 bundle 的,逐渐就迷失在细节里了,所以我们要跳出来,从宏观的角度来看这几个名词。  webpack 官网对 chunk 和

0评论2023-02-08846

webpack2进阶之多文件,DLL,以及webpack-merge
本需要对webpack已有一定的了解,如果你没接触过webpack或者刚刚接触webpack,可以考虑先看一下我的这篇教程。入门教程##1.打包多文件之前,当需要打包多个而文件时,我是这么写的:```javascriptmodule.exports={entry:{"page/main/main":'./src/js/index.js

0评论2023-02-08807

React Native使用 DeviceEventEmitter发送通知emit和监听接收addListener的用法
js 向 js 发送数据DeviceEventEmitter.emit('自定义名称',发送数据); 例:边看边买退出登录之后,我的淘宝和详情页的钱包数据应该改变。这时,我们可以在退出登录请求返回退出登录成功时发送一个通知    userInfo.userLogout((success) = {  if (su

0评论2023-02-08837

webpack——You may need an appropriate loader to handle this file type, currently no loaders are confi
这是再引入iconfont字体的时候出现的报错,You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary f

0评论2023-02-08907

vue-cli、webpack提取第三方库-----DllPlugin、DllReferencePlugin
需要安装的插件有extract-text-webpack-pluginassets-webpack-pluginclean-webpack-pluginnpm install extract-text-webpack-plugin assets-webpack-plugin clean-webpack-plugin --save-dev配置文件在 build 文件夹中新建 buildDll.jsvar path= require('pat

0评论2023-02-08754

React不使用requestIdleCallback实现调度原理解析
目录1.起因2.查找问题3.解决问题4.总结5.吐槽1.起因最近在一边啃源码,一边手写fiber嘛,然后也看了很多博客和资料,基本上大伙好像都是说用requestIdleCallback来模拟react实现一个空闲时间调度。但我自己手写的时候把怎么用怎么怪,老是感觉有什么地方不对

0评论2023-02-08514

HTML列表标签dl、ul、ol 的使用示例
这篇文章主要介绍了HTML列表标签dl、ul、ol 的使用,比较适合初学者,大家若感兴趣的可以学习下

0评论2015-08-27149

更多推荐